Deploy to GitHub pages

morotsgurka · May 25, 2024 · 4354b90 · 4354b90
commit 4354b90
Show file tree

Hide file tree

Showing 12 changed files with 753 additions and 0 deletions.
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+www.mardestam.com
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/assets/videos/Spinchem_Extra_BTS.gif b/assets/videos/Spinchem_Extra_BTS.gif
diff --git a/assets/videos/Thumb_Spinchem.mp4 b/assets/videos/Thumb_Spinchem.mp4
diff --git a/favicon.png b/favicon.png
diff --git a/index.html b/index.html
@@ -0,0 +1,176 @@
+<!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-6 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/3 lg: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 sm:text-xl lg:text-2xl xl: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">
+      and i am a
+      <a class="text-accent-1-light">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-2/4 lg: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 lg:grid-cols-2 gap-7">
+
+        <div class="mb-4 flex">
+
+<div class="flex flex-col">
+  <div> 
+    <a href="/projects/2022-04-01-spinchem-virtual-virtualproduction/">
+
+        <video class="object-cover rounded-figmabox mb-3 hover:opacity-70 hover:scale-105 hover:drop-shadow-2xl transition duration-300 ease-in-out" autoplay loop muted>
+          <source src="/assets/videos/Thumb_Spinchem.mp4" type="video/mp4">
+        </video>
+
+    </a>
+  </div>
+
+  <div class="flex flex-col justify-between">
+    <a href="/projects/2022-04-01-spinchem-virtual-virtualproduction/" class="flex flex-row gap-1 font-portfolio font-[300] justify-center text-base md:text-base 2xl:text-xl">
+      <h2 class="text-accent-1-light">Virtual Virtual Production,</h2>
+      <h2 class="dark:text-white">SpinChem</h2>
+    </a>
+    <div class="flex justify-center space-x-1 flex-row font-portfolio font-[300] dark:text-dim-writing-light text-sm md:text-sm 2xl:text-lg">
+      <h2>TECH:</h2>
+      <h2>Unreal Engine</h2>
+    </div>
+  </div>
+</div>
+        </div>
+
+        <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" loading="lazy" alt="Temp Project" src="/assets/images/cases/temp/scott-graham-5fNmWej4tAA-unsplash.png"/>
+
+    </a>
+  </div>
+
+  <div class="flex flex-col justify-between">
+    <a href="/projects/2023-09-29-temp-project-1/" class="flex flex-row gap-1 font-portfolio font-[300] justify-center text-base md:text-base 2xl:text-xl">
+      <h2 class="text-accent-1-light">Temp Project,</h2>
+      <h2 class="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 text-sm md:text-sm 2xl:text-lg">
+      <h2>TECH:</h2>
+      <h2>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" loading="lazy" alt="Temp Project" src="/assets/images/cases/temp/scott-graham-5fNmWej4tAA-unsplash.png"/>
+
+    </a>
+  </div>
+
+  <div class="flex flex-col justify-between">
+    <a href="/projects/2023-09-30-temp-project-2/" class="flex flex-row gap-1 font-portfolio font-[300] justify-center text-base md:text-base 2xl:text-xl">
+      <h2 class="text-accent-1-light">Temp Project,</h2>
+      <h2 class="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 text-sm md:text-sm 2xl:text-lg">
+      <h2>TECH:</h2>
+      <h2>Lorem</h2>
+    </div>
+  </div>
+</div>
+        </div>
+
+    </main>
+    </div>
+  </div>
+</div>
+
+
+
+    </div>
+
+  </body>
+</html>