Deploy to GitHub pages

morotsgurka · Oct 3, 2023 · 6003668 · 6003668
commit 6003668
Show file tree

Hide file tree

Showing 9 changed files with 767 additions and 0 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/assets/images/cases/temp/scott-graham-5fNmWej4tAA-unsplash.png b/assets/images/cases/temp/scott-graham-5fNmWej4tAA-unsplash.png
diff --git a/assets/images/profile-picture/gustav-mardestam.jpg b/assets/images/profile-picture/gustav-mardestam.jpg
diff --git a/favicon.png b/favicon.png
diff --git a/index.html b/index.html
@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta content="ie=edge" http-equiv="x-ua-compatible">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+
+    <title>
+
+    Home
+    -
+    Gustav Mårdestam Portfolio
+
+</title>
+
+
+
+<meta property="og:title" content="Home"/>
+
+<meta content="website" property="og:type"/>
+<meta property="og:url" content="/"/>
+
+
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 
+
+    <link rel="icon" href="/favicon.png">
+    <link href="/assets/css/style.css" rel="stylesheet">
+  </head>
+  <body class="page  scroll-smooth bg-page-light dark:bg-page-dark">
+    <div class="container mx-auto">
+      <div class="flex flex-col md:mt-12 mx-5 md:mx-0">
+  <div class="flex flex-row mb-4 md:inline">
+    <div class="w-1/4 mr-12 md:inline-block hidden"></div>
+    <div class="flex w-3/4 md:inline">
+      <h1 class="heading md:inline hidden md:text-6xl font-portfolio font-[600] text-accent-1-light">
+        PROJECTS
+      </h1>
+    </div>
+  </div>
+  <div class="flex flex-col md:flex-row space-y-7 md:space-y-0">
+    <div class="w-full md:w-1/4 md:mr-12">
+      <div class="relative h-full">
+  <div class="flex flex-col sticky top-14 items-center px-12 py-9 md:px-10 md:py-14 bg-white rounded-figmabox dark:bg-card-dark">
+    <img class="rounded-full mb-4 md:mb-9" src="/assets/images/profile-picture/gustav-mardestam.jpg" alt="Gustav"/>
+    <a class="font-portfolio font-[400] text-dim-writing-light mb-1 md:mb-1">
+      Hi there, my name is
+    </a>
+    <div class="flex flex-row space-x-2 font-portfolio font-[600] text-3xl dark:text-white mb-2 md:mb-1">
+      <h2>Gustav</h2>
+      <h2 class="text-accent-1-light">Mårdestam</h2>
+    </div>
+    <p class="text-dim-writing-light font-portfolio font-[400] leading-relaxed">
+      <a class="text-accent-1-light">and i am a Technical Artist</a>
+      who loves to <a class=" text-accent-1-light">automate stuff</a>
+      and solve problems.
+    </p>
+
+    <div class="flex mt-5 md:mt-10 space-x-10 md:space-x-5">
+
+        <a class="h-10 w-10 " href="https://www.linkedin.com/in/gustav-m%C3%A5rdestam-81852a199/">
+          <svg class=" fill-accent-1-light hover:scale-110 transition duration-300 ease-in-out" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ><title>LinkedIn</title>
+            <path d="M10,0.4c-5.302,0-9.6,4.298-9.6,9.6s4.298,9.6,9.6,9.6s9.6-4.298,9.6-9.6S15.302,0.4,10,0.4z M7.65,13.979H5.706V7.723H7.65 V13.979z M6.666,6.955c-0.614,0-1.011-0.435-1.011-0.973c0-0.549,0.409-0.971,1.036-0.971c0.627,0,1.011,0.422,1.023,0.971 C7.714,6.52,7.318,6.955,6.666,6.955z M14.75,13.979h-1.944v-3.467c0-0.807-0.282-1.355-0.985-1.355 c-0.537,0-0.856,0.371-0.997,0.728c-0.052,0.127-0.065,0.307-0.065,0.486v3.607H8.814v-4.26c0-0.781-0.025-1.434-0.051-1.996h1.689 l0.089,0.869h0.039c0.256-0.408,0.883-1.01,1.932-1.01c1.279,0,2.238,0.857,2.238,2.699V13.979z"/>
+          </svg>
+        </a>
+
+        <a class="h-10 w-10 " href="https://github.com/morotsgurka">
+          <svg class=" fill-accent-1-light hover:scale-110 transition duration-300 ease-in-out" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ><title>Github</title>
+            <path d="M10.015,9.949c0,0-0.01,0-0.015,0H9.985c-1.191,0-2.24-0.303-2.861,0.268c-0.371,0.342-0.527,0.754-0.527,1.197 c0,1.852,1.483,2.08,3.389,2.08h0.029c1.905,0,3.389-0.229,3.389-2.08c0-0.443-0.156-0.856-0.527-1.197 C12.255,9.646,11.206,9.949,10.015,9.949z M8.393,12.48c-0.363,0-0.656-0.408-0.656-0.91c0-0.502,0.293-0.908,0.656-0.908 c0.363,0,0.657,0.406,0.657,0.908C9.051,12.072,8.757,12.48,8.393,12.48z M11.606,12.48c-0.363,0-0.657-0.408-0.657-0.91 c0-0.502,0.294-0.908,0.657-0.908c0.362,0,0.656,0.406,0.656,0.908C12.263,12.072,11.969,12.48,11.606,12.48z M10,0.4 c-5.302,0-9.6,4.298-9.6,9.6s4.298,9.6,9.6,9.6s9.6-4.298,9.6-9.6S15.302,0.4,10,0.4z M10.876,13.939c-0.172,0-0.514,0-0.876,0.002 c-0.362-0.002-0.704-0.002-0.876-0.002c-0.76,0-3.772-0.059-3.772-3.689c0-0.834,0.286-1.445,0.755-1.955 c-0.074-0.184-0.078-1.232,0.32-2.236c0,0,0.916,0.1,2.301,1.051C9.017,7.029,9.509,6.988,10,6.988s0.982,0.041,1.273,0.121 c1.385-0.951,2.301-1.051,2.301-1.051c0.398,1.004,0.395,2.053,0.32,2.236c0.469,0.51,0.755,1.121,0.755,1.955 C14.648,13.881,11.636,13.939,10.876,13.939z"/>
+          </svg>
+        </a>
+
+        <a class="h-10 w-10 " href="mailto:[email protected]">
+          <svg class=" fill-accent-1-light hover:scale-110 transition duration-300 ease-in-out" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ><title>E-Mail</title>
+            <path d="M10,0.3999634c-5.3019409,0-9.5999756,4.2980957-9.5999756,9.6000366S4.6980591,19.5999756,10,19.5999756 S19.5999756,15.3019409,19.5999756,10S15.3019409,0.3999634,10,0.3999634z M6.2313232,7h7.5195923 c0.3988037,0,0.1935425,0.5117188-0.0234985,0.6430664c-0.217041,0.1308594-3.2213135,1.9470215-3.333313,2.0144043 s-0.256958,0.0996094-0.402771,0.0996094c-0.145874,0-0.2908325-0.0322266-0.402771-0.0996094 C9.4765625,9.5900879,6.472229,7.7739258,6.255188,7.6430664C6.038208,7.5117188,5.8328857,7,6.2313232,7z M14,12.5 c0,0.2099609-0.251709,0.5-0.444458,0.5H6.444458C6.251709,13,6,12.7099609,6,12.5c0,0,0-3.5544434,0-3.6467285 c0-0.0917969-0.001709-0.2114258,0.171875-0.109375c0.246521,0.1445312,3.265625,1.9250488,3.416687,2.013916 c0.151001,0.0888672,0.256897,0.0995483,0.402771,0.0995483c0.145813,0,0.251709-0.0106812,0.402771-0.0995483 s3.1875-1.8688965,3.434021-2.0134277C14.001709,8.642334,14,8.7619629,14,8.8537598C14,8.9460449,14,12.5,14,12.5z"/>
+          </svg>
+        </a>
+
+    </div>
+  </div>
+</div>
+    </div> 
+    <div class="flex flex-col w-full md:w-3/4">
+      <h1 class="heading md:hidden mb-5 text-3xl text-center font-portfolio font-[600] text-accent-1-light">
+        PROJECTS ↓
+      </h1>
+      <main class="grid grid-cols-1 md:grid-cols-2 gap-7">
+
+        <div class="mb-4 flex">
+
+<div class="flex flex-col">
+  <div> 
+    <a href="/projects/2023-09-29-temp-project-1/">
+
+        <img class="object-cover rounded-figmabox mb-3 hover:opacity-70 hover:scale-105 hover:drop-shadow-2xl transition duration-300 ease-in-out" alt="Temp Project" src="/assets/images/cases/temp/scott-graham-5fNmWej4tAA-unsplash.png"/>
+
+    </a>
+  </div>
+
+  <div class="flex flex-col md:flex-row justify-between">
+    <a href="/projects/2023-09-29-temp-project-1/" class="flex flex-row gap-1 font-portfolio font-[300] justify-center text-xl md:text-base">
+      <h2 class="mb-1 text-accent-1-light">Temp Project,</h2>
+      <h2 class="mb-1 dark:text-white">Temp</h2>
+    </a>
+    <div class="flex justify-center space-x-1 flex-row font-portfolio font-[300] dark:text-dim-writing-light">
+      <h2 class="">TECH:</h2>
+      <h2 class="">Lorem</h2>
+    </div>
+  </div>
+</div>
+        </div>
+
+        <div class="mb-4 flex">
+
+<div class="flex flex-col">
+  <div> 
+    <a href="/projects/2023-09-30-temp-project-2/">
+
+        <img class="object-cover rounded-figmabox mb-3 hover:opacity-70 hover:scale-105 hover:drop-shadow-2xl transition duration-300 ease-in-out" alt="Temp Project" src="/assets/images/cases/temp/scott-graham-5fNmWej4tAA-unsplash.png"/>
+
+    </a>
+  </div>
+
+  <div class="flex flex-col md:flex-row justify-between">
+    <a href="/projects/2023-09-30-temp-project-2/" class="flex flex-row gap-1 font-portfolio font-[300] justify-center text-xl md:text-base">
+      <h2 class="mb-1 text-accent-1-light">Temp Project,</h2>
+      <h2 class="mb-1 dark:text-white">Temp</h2>
+    </a>
+    <div class="flex justify-center space-x-1 flex-row font-portfolio font-[300] dark:text-dim-writing-light">
+      <h2 class="">TECH:</h2>
+      <h2 class="">Lorem</h2>
+    </div>
+  </div>
+</div>
+        </div>
+
+        <div class="mb-4 flex">
+
+<div class="flex flex-col">
+  <div> 
+    <a href="/projects/2023-09-31-temp-project-3/">
+
+        <img class="object-cover rounded-figmabox mb-3 hover:opacity-70 hover:scale-105 hover:drop-shadow-2xl transition duration-300 ease-in-out" alt="Temp Project" src="/assets/images/cases/temp/scott-graham-5fNmWej4tAA-unsplash.png"/>
+
+    </a>
+  </div>
+
+  <div class="flex flex-col md:flex-row justify-between">
+    <a href="/projects/2023-09-31-temp-project-3/" class="flex flex-row gap-1 font-portfolio font-[300] justify-center text-xl md:text-base">
+      <h2 class="mb-1 text-accent-1-light">Temp Project,</h2>
+      <h2 class="mb-1 dark:text-white">Temp</h2>
+    </a>
+    <div class="flex justify-center space-x-1 flex-row font-portfolio font-[300] dark:text-dim-writing-light">
+      <h2 class="">TECH:</h2>
+      <h2 class="">Lorem</h2>
+    </div>
+  </div>
+</div>
+        </div>
+
+    </main>
+    </div>
+  </div>
+</div>
+
+
+
+    </div>
+
+  </body>
+</html>
diff --git a/projects/2023-09-29-temp-project-1/index.html b/projects/2023-09-29-temp-project-1/index.html
@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta content="ie=edge" http-equiv="x-ua-compatible">
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+
+    <title>
+
+    Temp Project
+    -
+    Gustav Mårdestam Portfolio
+
+</title>
+
+
+  <meta name="description" content="Lorem ipsum dolor"/>
+
+
+<meta property="og:title" content="Temp Project"/>
+
+<meta content="website" property="og:type"/>
+<meta property="og:url" content="/projects/2023-09-29-temp-project-1/"/>
+
+  <meta property="og:image" content="/assets/images/cases/temp/scott-graham-5fNmWej4tAA-unsplash.png"/>
+
+<meta property="og:description" content="Lorem ipsum dolor"/>
+
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 
+
+    <link rel="icon" href="/favicon.png">
+    <link href="/assets/css/style.css" rel="stylesheet">
+  </head>
+  <body class="page  scroll-smooth bg-page-light dark:bg-page-dark">
+    <div class="container mx-auto">
+      <div class="flex flex-col mt-5 md:mt-12 mx-5 md:mx-0">
+  <div class="flex flex-row mb-4 md:inline">
+    <div class="w-1/4 mr-12 md:inline-block hidden">
+    <h2 class="md:inline-block hidden text-sm font-portfolio text-accent-1-light">
+    </h2>
+    </div>
+    <div class="flex w-3/4 md:inline">
+      <h1 class="md:inline hidden heading text-6xl font-portfolio font-[600] text-accent-1-light">
+        Temp Project
+      </h1>
+    </div>
+  </div>
+  <div class="flex flex-col md:flex-row space-y-7 md:space-y-0">
+    <div class="w-full md:w-1/4 mr-12">
+      <div class="relative h-full">
+  <div class="flex flex-col sticky top-14 items-center px-12 py-9 md:px-10 md:py-14 bg-white rounded-figmabox dark:bg-card-dark">
+    <img class="rounded-full mb-4 md:mb-9" src="/assets/images/profile-picture/gustav-mardestam.jpg" alt="Gustav"/>
+    <a class="font-portfolio font-[400] text-dim-writing-light mb-1 md:mb-1">
+      Hi there, my name is
+    </a>
+    <div class="flex flex-row space-x-2 font-portfolio font-[600] text-3xl dark:text-white mb-2 md:mb-1">
+      <h2>Gustav</h2>
+      <h2 class="text-accent-1-light">Mårdestam</h2>
+    </div>
+    <p class="text-dim-writing-light font-portfolio font-[400] leading-relaxed">
+      <a class="text-accent-1-light">and i am a Technical Artist</a>
+      who loves to <a class=" text-accent-1-light">automate stuff</a>
+      and solve problems.
+    </p>
+
+    <div class="flex mt-5 md:mt-10 space-x-10 md:space-x-5">
+
+        <a class="h-10 w-10 " href="https://www.linkedin.com/in/gustav-m%C3%A5rdestam-81852a199/">
+          <svg class=" fill-accent-1-light hover:scale-110 transition duration-300 ease-in-out" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ><title>LinkedIn</title>
+            <path d="M10,0.4c-5.302,0-9.6,4.298-9.6,9.6s4.298,9.6,9.6,9.6s9.6-4.298,9.6-9.6S15.302,0.4,10,0.4z M7.65,13.979H5.706V7.723H7.65 V13.979z M6.666,6.955c-0.614,0-1.011-0.435-1.011-0.973c0-0.549,0.409-0.971,1.036-0.971c0.627,0,1.011,0.422,1.023,0.971 C7.714,6.52,7.318,6.955,6.666,6.955z M14.75,13.979h-1.944v-3.467c0-0.807-0.282-1.355-0.985-1.355 c-0.537,0-0.856,0.371-0.997,0.728c-0.052,0.127-0.065,0.307-0.065,0.486v3.607H8.814v-4.26c0-0.781-0.025-1.434-0.051-1.996h1.689 l0.089,0.869h0.039c0.256-0.408,0.883-1.01,1.932-1.01c1.279,0,2.238,0.857,2.238,2.699V13.979z"/>
+          </svg>
+        </a>
+
+        <a class="h-10 w-10 " href="https://github.com/morotsgurka">
+          <svg class=" fill-accent-1-light hover:scale-110 transition duration-300 ease-in-out" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ><title>Github</title>
+            <path d="M10.015,9.949c0,0-0.01,0-0.015,0H9.985c-1.191,0-2.24-0.303-2.861,0.268c-0.371,0.342-0.527,0.754-0.527,1.197 c0,1.852,1.483,2.08,3.389,2.08h0.029c1.905,0,3.389-0.229,3.389-2.08c0-0.443-0.156-0.856-0.527-1.197 C12.255,9.646,11.206,9.949,10.015,9.949z M8.393,12.48c-0.363,0-0.656-0.408-0.656-0.91c0-0.502,0.293-0.908,0.656-0.908 c0.363,0,0.657,0.406,0.657,0.908C9.051,12.072,8.757,12.48,8.393,12.48z M11.606,12.48c-0.363,0-0.657-0.408-0.657-0.91 c0-0.502,0.294-0.908,0.657-0.908c0.362,0,0.656,0.406,0.656,0.908C12.263,12.072,11.969,12.48,11.606,12.48z M10,0.4 c-5.302,0-9.6,4.298-9.6,9.6s4.298,9.6,9.6,9.6s9.6-4.298,9.6-9.6S15.302,0.4,10,0.4z M10.876,13.939c-0.172,0-0.514,0-0.876,0.002 c-0.362-0.002-0.704-0.002-0.876-0.002c-0.76,0-3.772-0.059-3.772-3.689c0-0.834,0.286-1.445,0.755-1.955 c-0.074-0.184-0.078-1.232,0.32-2.236c0,0,0.916,0.1,2.301,1.051C9.017,7.029,9.509,6.988,10,6.988s0.982,0.041,1.273,0.121 c1.385-0.951,2.301-1.051,2.301-1.051c0.398,1.004,0.395,2.053,0.32,2.236c0.469,0.51,0.755,1.121,0.755,1.955 C14.648,13.881,11.636,13.939,10.876,13.939z"/>
+          </svg>
+        </a>
+
+        <a class="h-10 w-10 " href="mailto:[email protected]">
+          <svg class=" fill-accent-1-light hover:scale-110 transition duration-300 ease-in-out" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ><title>E-Mail</title>
+            <path d="M10,0.3999634c-5.3019409,0-9.5999756,4.2980957-9.5999756,9.6000366S4.6980591,19.5999756,10,19.5999756 S19.5999756,15.3019409,19.5999756,10S15.3019409,0.3999634,10,0.3999634z M6.2313232,7h7.5195923 c0.3988037,0,0.1935425,0.5117188-0.0234985,0.6430664c-0.217041,0.1308594-3.2213135,1.9470215-3.333313,2.0144043 s-0.256958,0.0996094-0.402771,0.0996094c-0.145874,0-0.2908325-0.0322266-0.402771-0.0996094 C9.4765625,9.5900879,6.472229,7.7739258,6.255188,7.6430664C6.038208,7.5117188,5.8328857,7,6.2313232,7z M14,12.5 c0,0.2099609-0.251709,0.5-0.444458,0.5H6.444458C6.251709,13,6,12.7099609,6,12.5c0,0,0-3.5544434,0-3.6467285 c0-0.0917969-0.001709-0.2114258,0.171875-0.109375c0.246521,0.1445312,3.265625,1.9250488,3.416687,2.013916 c0.151001,0.0888672,0.256897,0.0995483,0.402771,0.0995483c0.145813,0,0.251709-0.0106812,0.402771-0.0995483 s3.1875-1.8688965,3.434021-2.0134277C14.001709,8.642334,14,8.7619629,14,8.8537598C14,8.9460449,14,12.5,14,12.5z"/>
+          </svg>
+        </a>
+
+    </div>
+  </div>
+</div>
+    </div> 
+    <div class="flex flex-col w-full md:w-3/4">
+      <div class="flex flex-col w-full md:hidden">
+        <h1 class="md:hidden heading text-4xl font-portfolio text-accent-1-light">
+          Temp Project
+        </h1>
+        <h2 class="md:hidden heading text-2xl font-portfolio text-dim-writing-light">
+          Temp
+        </h2>
+      </div>
+      <!-- <img class="rounded-figmabox flex w-1/2 mb-3" alt="" src="/"/> -->
+      <main class="prose scroll-smooth prose-p:font-portfolio prose-p:font-[400] prose-h2:font-portfolio prose-h3:font-portfolio prose-h1:font-portfolio prose-img:rounded-figmabox dark:prose-invert">
+          <h1 id="me-vecta-typhoea-bracchia-quo-verecundo-memoro">Me vecta Typhoea bracchia quo verecundo memoro</h1>
+
+<h2 id="eadem-brotean-quarum-laeva-consulit-diebus-et">Eadem Brotean quarum laeva consulit diebus et</h2>
+
+<p>Lorem <strong>markdownum falleret</strong>: et vitataque facinus medicamine <em>expertus a</em>
+umbras, stirpis et quidve nebulas semper carpere. Sociosque inperfecta passim a
+venenis aliter iubeatis percutit prima, demoliturque pars pluma arva <a href="http://et-quibus.org/">hostibus
+peioris duri</a> putat <strong>et</strong>. Volunt et prima, si agros
+praecipiet anguem horriferamque iustis necem iterum, pabula. Sua lupus male; mea
+ne unde contraque curia instabat potuisse more.</p>
+
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>var osi = bounceNvramServer(thyristor, market / ics_cifs, outputBingPup);
+jquery = -4;
+bridge.cdmaBlog.exifVistaUddi(boolean - definition + friend_memory_server,
+        4, batchGuidRipcording * keystroke);
+rss_floppy(webmasterResolutionOffice, friendly(hardIpx.path.tablet(ad,
+        barAndroidSubdirectory, jfs), cybersquatter(tabletTrinitron,
+        superscalar, nullDhcp), dot_us));
+</code></pre></div></div>
+
+<p>De terram coeptis mora Elin ambiguis rata, vidi quercus veteremque tamen: ad
+carpant laboris; me sarcina? Cunctis ire igitur iam est dulce alta Pandrose, et!
+Anni nec derecti satis telum es exilium victa ardor amorem pependit iaculante.</p>
+
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>phishingMedia(sectorReaderBeta);
+if (rgb_ppi_link &gt;= basic_word_ssl) {
+    boot.reader(bar_tft_primary, software);
+    header(station_metal_publishing.paper.bugDesktop(crop_box, 5, -4), 1);
+    pcbMegabit += speed - text_wildcard_unicode.netbiosKbps(1, 2);
+} else {
+    fi(2, unc_vector_motherboard, cloudUatIct);
+    podcast_utf += 5;
+}
+volume.requirementsWebPython = ribbon_san(bashSiteInput, 4 * 1,
+        synFullPartition.video.scareware_flood(ebook_jumper));
+hyperlinkPassword(activex_on);
+control_software -= widget_real(4 + scroll + 3, lamp_kernel_number,
+        dcimUltra(jqueryHypertextSdk, gamma_gis_mirrored, iphone_im) +
+        contextualProcessPrebinding.type.isp_skin_forum(row,
+        hashtag_markup_trojan));
+</code></pre></div></div>
+
+<h2 id="argumentum-posco-silex">Argumentum posco silex</h2>
+
+<p>Subiti <a href="http://hoc.com/">vulnus committitur texit</a>; per flagrans hunc. Verbis
+plenos pisces surgere Et aerata unda Euboicam Somnia, ab venerat. Virentes
+terris consolantia matri formatae dextra repurgato prodere, et <em>senili tophis</em>.</p>
+
+<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>if (desktop_mail_compression + 2 &lt; flood_toolbar) {
+    cpcCc = sequenceVariableCpl;
+    desktopDefaultServer -= logic_isa_social(nanometer_p);
+} else {
+    parameter_applet = vlog + botnetPop + registry;
+    carrier += target;
+}
+software = sinkClientTorrent;
+gamma = dvSocketSystem(-1, menu, 2) + vpiDrop;
+</code></pre></div></div>
+
+<p>Sisyphon supremis. Deorum vertisse manibus prohibebant inquit; quod, primoque
+carissima genibus petit, contendere. Ossa cupidusque egerit et et hanc sum
+draconem tibi <a href="http://vesci.org/est">lecto</a> hominemque quinos.</p>
+
+<p>Tibi Sparten, ne diva sinuatus quoniam, caeloque et, cumulo ossa taedia auro
+non, indutus longa. Undis fraudare significat namque nec noctes duplici damnosa
+hiemsque atque; votis Iove hirtus in Oenopiam attonitas fulget. <strong>Undas</strong> de
+vernat pone: nec tardis difficile patulis cum manes ludat. Non exceptas
+tonitrumque pectus Hippodamen, pondere ortus <strong>moderamine</strong> caelesti siquid
+averserisque invito Amnis antiquarum mihi.</p>
+
+<p>Navem Baucida, frustraque fortunaque male disiecit perenni; sic satis Meleagre.
+Penetravit iuvenemque derectos lapillis. Est est abiit pavida vidi et <a href="http://actusque.com/">aequoris
+fiducia</a>, per adlevet patitur, Erinys, purpureus.</p>
+
+    </main>
+    </div>
+  </div>
+</div>
+    </div>
+
+  </body>
+</html>