started text

css/style.css

@@ -1,19 +1,24 @@
 body {
   margin: 0;
   padding: 0;
-  height: 200vh;
+  position: relative;
 }
 
 header {
   position: fixed;
-  display: flex;
   width: 100%;
-  justify-content: space-between;
   padding: 15px;
+  top: 0;
+  left: 0;
+
+  display: flex;
+  justify-content: space-between;
+  z-index: 100;
 
   box-sizing: border-box;
-
   box-shadow: 0 10px 10px lightblue;
+
+  background-color: white;
 }
 
 header > img {
@@ -77,3 +82,36 @@ nav {
   gap: 20px;
   justify-content: space-between;
 }
+
+main {
+  margin-top: 100px;
+}
+
+table {
+  border: 1px solid black;
+  border-collapse: collapse;
+  gap: 0;
+}
+
+td {
+  width: 33%;
+}
+
+td,
+th {
+  border: 1px solid black;
+  padding: 0;
+  text-align: center;
+}
+
+td.great {
+  background-color: green;
+}
+
+td.sad {
+  background-color: red;
+}
+
+td.ok {
+  background-color: yellow;
+}

index.html

@@ -22,5 +22,82 @@
 				</a>
 			</nav>
 		</header>
+
+		<main>
+			<article>
+				<h1>Proč nemít rád NVIDII</h1>
+
+				<section>
+					<h2>Rychle shrnutí důvodu vzniku stránek</h2>
+					<p>
+						Tyto stránky vznikly ve chvíli, kdy jsem se rozhodl změnit operační systém a narazil na realitu podpory starších grafických karet ze strany NVIDIA. Grafická karta, která ještě nedávno fungovala naprosto bez problémů, se rázem proměnila v hlavní překážku. Ne proto, že by byla rozbitá nebo slabá, ale proto, že se NVIDIA rozhodla na ní nepodporovat Wayland. To je rozhodnutí, které z jejich pohledu možná dává smysl, a samo o sobě by se s ním dalo smířit. S čím už se, ale smiřuje hůř, je fakt, že NVIDIA pro tuto kartu přestala vydávat ovladače. Ano, není to zrovna nejnovější grafická karta, to chápu. Jenže ve chvíli, kdy výrobce nejenže ukončí podporu, ale zároveň ani nezveřejní zdrojový kód, je jakákoli snaha kartu na waylandu rozumně používat předem odsouzená k neúspěchu. Jinými slovy: funkční hardware se kvůli rozhodnutí výrobce stává na waylandu v podstatě nepoužitelný.
+					</p>
+					<p>
+						Na jejich obranu, NVIDIA na tyto karty úplně nezapoměla, ale jediné co dělají je, že někdy vydají security update a to je tak všechno.
+					</p>
+					<p>Ovšem na zdůraznění mých námitech bych rád zdůraznil, že jedno moje jiné zařízení s <a href="https://en.wikipedia.org/wiki/Intel_Atom">Intel intergrovanou grafickou kartou</a>, které je z roku 2015
+						zvládá rozjet <a href="https://hypr.land">Hyprland</a>
+						narozdíl od srovnatelně staré dedikované <a href="https://en.wikipedia.org/wiki/GeForce_600_series">
+							GTX 660
+						</a></p>
+				</section>
+
+<section>
+    <h2>Hlavní problémy</h2>
+    <p>V této části bych chtěl zdůraznit hlavní rozdíly mezi NVIDIA a AMD kartami, abych ukázal, kde každá značka vyniká.</p>
+    <table>
+        <tr>
+            <th>Vlastnosti</th>
+            <th>NVIDIA</th>
+            <th>AMD</th>
+        </tr>
+
+        <tr>
+            <td>Celková podpora Windows</td>
+            <td colspan="2" rowspan="3" class="great">Ano</td>
+        </tr>
+
+        <tr>
+            <td>Lepší karty podporují RTX / Ray Tracing</td>
+        </tr>
+
+        <tr>
+            <td>Celková podpora X11</td>
+        </tr>
+
+        <tr>
+            <td>Celková podpora Waylandu</td>
+            <td class="sad">Ne</td>
+            <td class="great">Ano</td>
+        </tr>
+
+
+        <tr>
+            <td>Cena / výkon</td>
+            <td class="sad">Vyšší cena</td>
+            <td class="great">Obvykle lepší poměr cena/výkon</td>
+        </tr>
+
+        <tr>
+            <td>Spotřeba energie</td>
+            <td class="sad">Vyšší</td>
+            <td class="great">Nižší</td>
+        </tr>
+
+				<tr>
+            <td>AI podpora a trénování</td>
+            <td class="great">Ano</td>
+            <td class="ok">Limitované</td>
+        </tr>
+
+    </table>
+</section>
+
+				<section>
+					<h2>Když ne nvidie tak co?</h2>
+					<p>AMD i Intel dělají dobré grafické karty, které jsou typicky srovnatelné a v mid-range bývají i lepší.</p>
+				</section>
+			</article>
+		</main>
 	</body>
 </html>