Move portfolio to the local repository

config.yaml

@@ -85,7 +85,7 @@ params:
     imageTitle: Trude Logo
     buttons:
       - name: My Portfolio
-        url: https://me.trude.dev
+        url: /portfolio/
       - name: My Notes
         url: /notes/
 

static/portfolio/css/certs.css

@@ -0,0 +1,102 @@
+#certs {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 2rem;
+  background: url(../img/certsbg.webp);
+  background-position: center;
+  background-size: cover;
+}
+
+#certs .item-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.certs-item {
+  position: relative;
+  width: 100%;
+  background-color: #ffffff54;
+  border-radius: 1.2rem;
+  padding: 1rem;
+  margin: 1rem;
+  transition: 0.5s;
+  -webkit-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+}
+
+.certs-item:hover {
+  transform: scale(102%);
+  transition: 0.5s;
+  -webkit-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+}
+
+.certs-item img {
+  width: 100%;
+  max-height: 30rem;
+  border-radius: 0.6rem;
+  object-fit: cover;
+  background-color: white;
+}
+
+.certs-actions {
+  width: 100%;
+  display: flex;
+}
+
+.certs-item a {
+  width: 100%;
+  text-align: center;
+  background: #00000073;
+  border-radius: 50rem;
+  margin-top: 1rem;
+  padding: 0.5rem 0px;
+  text-decoration: none;
+  color: white;
+  -webkit-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  transition: 0.4s;
+}
+
+.certs-item a:last-child {
+  margin-left: 0.5rem;
+}
+
+.certs-item a:hover {
+  background: #00000061;
+  transform: scale(102%);
+  transition: 0.4s;
+  -webkit-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+}
+
+@media only screen and (min-width: 750px) {
+  .certs-item:nth-child(2) {
+    margin-left: 2rem;
+  }
+  #certs .item-container {
+    margin: 1rem;
+    display: flex;
+    flex-direction: row;
+  }
+  #certs {
+    padding-right: 2rem !important;
+  }
+}
+
+@media only screen and (max-width: 750px) {
+  .certs-actions {
+    flex-direction: column;
+  }
+  .certs-item a:last-child {
+    margin-left: 0;
+  }
+}

static/portfolio/css/hero.css

@@ -0,0 +1,950 @@
+/* ------------- HERO PAGE ---------- */
+
+h1,
+h2 {
+  margin: 0;
+  padding: 0;
+  cursor: default;
+}
+
+h2 {
+  font-size: 1.5rem;
+  margin-bottom: 4rem;
+  color: #ffffffbc;
+}
+
+h1 a {
+  font-family: Yellowtail, sans-serif;
+  color: white;
+  text-decoration: none;
+  display: inline-block;
+  -webkit-mask-image: linear-gradient(
+    -75deg,
+    rgba(0, 0, 0, 0.6) 30%,
+    #000 50%,
+    rgba(0, 0, 0, 0.6) 70%
+  );
+  -webkit-mask-size: 200%;
+  animation: shine 3s linear infinite;
+  cursor: default;
+  width: 100%;
+  font-size: 4rem;
+}
+
+@keyframes shine {
+  from {
+    -webkit-mask-position: 150%;
+  }
+  to {
+    -webkit-mask-position: -50%;
+  }
+}
+
+.hero-container {
+  height: 100vh;
+  min-height: 50rem;
+  overflow: hidden;
+}
+
+.hero {
+  text-align: center;
+  background: url(../img/herobg.webp);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.hero-logo {
+  position: relative;
+  display: flex;
+  width: 90vw;
+  height: 90vw;
+  max-width: 35rem;
+  max-height: 35rem;
+  padding: 2rem;
+}
+
+.hero-logo-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  clip-path: polygon(
+    43.966% 2.098%,
+    43.966% 2.098%,
+    45.087% 1.411%,
+    46.265% 0.876%,
+    47.486% 0.494%,
+    48.736% 0.265%,
+    50% 0.188%,
+    51.264% 0.265%,
+    52.514% 0.494%,
+    53.735% 0.876%,
+    54.913% 1.411%,
+    56.034% 2.098%,
+    56.034% 2.098%,
+    56.034% 2.098%,
+    56.751% 2.56%,
+    57.498% 2.96%,
+    58.271% 3.297%,
+    59.066% 3.569%,
+    59.879% 3.777%,
+    60.706% 3.92%,
+    61.542% 3.995%,
+    62.385% 4.004%,
+    63.229% 3.944%,
+    64.072% 3.815%,
+    64.072% 3.815%,
+    64.072% 3.815%,
+    65.374% 3.645%,
+    66.666% 3.638%,
+    67.936% 3.788%,
+    69.171% 4.089%,
+    70.357% 4.536%,
+    71.481% 5.122%,
+    72.53% 5.842%,
+    73.491% 6.691%,
+    74.351% 7.661%,
+    75.096% 8.747%,
+    75.096% 8.747%,
+    75.096% 8.747%,
+    75.564% 9.462%,
+    76.085% 10.132%,
+    76.655% 10.756%,
+    77.271% 11.33%,
+    77.929% 11.852%,
+    78.627% 12.32%,
+    79.36% 12.731%,
+    80.127% 13.083%,
+    80.922% 13.373%,
+    81.744% 13.6%,
+    81.744% 13.6%,
+    81.744% 13.6%,
+    83.002% 13.976%,
+    84.186% 14.498%,
+    85.286% 15.154%,
+    86.292% 15.934%,
+    87.194% 16.827%,
+    87.984% 17.822%,
+    88.65% 18.909%,
+    89.185% 20.076%,
+    89.578% 21.314%,
+    89.819% 22.61%,
+    89.819% 22.61%,
+    89.819% 22.61%,
+    89.957% 23.455%,
+    90.161% 24.281%,
+    90.43% 25.083%,
+    90.76% 25.859%,
+    91.15% 26.605%,
+    91.598% 27.317%,
+    92.102% 27.993%,
+    92.659% 28.627%,
+    93.268% 29.218%,
+    93.927% 29.761%,
+    93.927% 29.761%,
+    93.927% 29.761%,
+    94.925% 30.619%,
+    95.795% 31.579%,
+    96.534% 32.628%,
+    97.137% 33.752%,
+    97.6% 34.936%,
+    97.918% 36.168%,
+    98.088% 37.433%,
+    98.103% 38.718%,
+    97.961% 40.009%,
+    97.657% 41.292%,
+    97.657% 41.292%,
+    97.657% 41.292%,
+    97.441% 42.121%,
+    97.294% 42.958%,
+    97.214% 43.801%,
+    97.201% 44.645%,
+    97.256% 45.486%,
+    97.377% 46.32%,
+    97.563% 47.143%,
+    97.816% 47.95%,
+    98.133% 48.739%,
+    98.516% 49.504%,
+    98.516% 49.504%,
+    98.516% 49.504%,
+    99.079% 50.695%,
+    99.485% 51.928%,
+    99.736% 53.189%,
+    99.832% 54.461%,
+    99.776% 55.733%,
+    99.568% 56.988%,
+    99.21% 58.213%,
+    98.704% 59.393%,
+    98.052% 60.515%,
+    97.254% 61.562%,
+    97.254% 61.562%,
+    97.254% 61.562%,
+    96.722% 62.231%,
+    96.248% 62.936%,
+    95.834% 63.673%,
+    95.481% 64.439%,
+    95.19% 65.229%,
+    94.963% 66.041%,
+    94.801% 66.869%,
+    94.704% 67.71%,
+    94.675% 68.56%,
+    94.715% 69.415%,
+    94.715% 69.415%,
+    94.715% 69.415%,
+    94.747% 70.734%,
+    94.619% 72.026%,
+    94.338% 73.28%,
+    93.911% 74.482%,
+    93.344% 75.62%,
+    92.646% 76.682%,
+    91.824% 77.655%,
+    90.884% 78.527%,
+    89.834% 79.284%,
+    88.681% 79.915%,
+    88.681% 79.915%,
+    88.681% 79.915%,
+    87.924% 80.309%,
+    87.206% 80.759%,
+    86.529% 81.263%,
+    85.897% 81.819%,
+    85.311% 82.422%,
+    84.775% 83.07%,
+    84.292% 83.76%,
+    83.863% 84.489%,
+    83.493% 85.254%,
+    83.182% 86.051%,
+    83.182% 86.051%,
+    83.182% 86.051%,
+    82.678% 87.269%,
+    82.038% 88.398%,
+    81.274% 89.428%,
+    80.397% 90.352%,
+    79.418% 91.16%,
+    78.351% 91.845%,
+    77.206% 92.398%,
+    75.994% 92.81%,
+    74.728% 93.073%,
+    73.42% 93.178%,
+    73.42% 93.178%,
+    73.42% 93.178%,
+    72.569% 93.228%,
+    71.731% 93.346%,
+    70.908% 93.53%,
+    70.106% 93.779%,
+    69.326% 94.091%,
+    68.574% 94.464%,
+    67.853% 94.897%,
+    67.167% 95.388%,
+    66.519% 95.935%,
+    65.913% 96.536%,
+    65.913% 96.536%,
+    65.913% 96.536%,
+    64.959% 97.443%,
+    63.917% 98.212%,
+    62.802% 98.841%,
+    61.627% 99.326%,
+    60.406% 99.665%,
+    59.153% 99.855%,
+    57.884% 99.892%,
+    56.61% 99.773%,
+    55.347% 99.496%,
+    54.109% 99.057%,
+    54.109% 99.057%,
+    54.109% 99.057%,
+    53.311% 98.755%,
+    52.498% 98.52%,
+    51.672% 98.353%,
+    50.838% 98.252%,
+    50% 98.218%,
+    49.162% 98.252%,
+    48.328% 98.353%,
+    47.502% 98.52%,
+    46.689% 98.755%,
+    45.891% 99.057%,
+    45.891% 99.057%,
+    45.891% 99.057%,
+    44.653% 99.496%,
+    43.39% 99.773%,
+    42.116% 99.892%,
+    40.847% 99.855%,
+    39.594% 99.665%,
+    38.373% 99.326%,
+    37.198% 98.841%,
+    36.083% 98.212%,
+    35.041% 97.443%,
+    34.087% 96.536%,
+    34.087% 96.536%,
+    34.087% 96.536%,
+    33.481% 95.935%,
+    32.833% 95.388%,
+    32.147% 94.897%,
+    31.426% 94.464%,
+    30.674% 94.091%,
+    29.894% 93.779%,
+    29.092% 93.53%,
+    28.269% 93.346%,
+    27.431% 93.228%,
+    26.58% 93.178%,
+    26.58% 93.178%,
+    26.58% 93.178%,
+    25.272% 93.073%,
+    24.006% 92.81%,
+    22.794% 92.398%,
+    21.649% 91.845%,
+    20.582% 91.16%,
+    19.603% 90.352%,
+    18.726% 89.428%,
+    17.962% 88.398%,
+    17.322% 87.269%,
+    16.817% 86.051%,
+    16.817% 86.051%,
+    16.817% 86.051%,
+    16.507% 85.254%,
+    16.137% 84.489%,
+    15.708% 83.76%,
+    15.225% 83.07%,
+    14.689% 82.422%,
+    14.103% 81.819%,
+    13.471% 81.263%,
+    12.794% 80.759%,
+    12.076% 80.309%,
+    11.319% 79.915%,
+    11.319% 79.915%,
+    11.319% 79.915%,
+    10.166% 79.284%,
+    9.116% 78.527%,
+    8.176% 77.655%,
+    7.354% 76.682%,
+    6.656% 75.62%,
+    6.089% 74.482%,
+    5.662% 73.28%,
+    5.381% 72.026%,
+    5.253% 70.734%,
+    5.285% 69.415%,
+    5.285% 69.415%,
+    5.285% 69.415%,
+    5.325% 68.56%,
+    5.296% 67.71%,
+    5.199% 66.869%,
+    5.037% 66.041%,
+    4.81% 65.229%,
+    4.519% 64.439%,
+    4.166% 63.673%,
+    3.752% 62.936%,
+    3.278% 62.231%,
+    2.746% 61.562%,
+    2.746% 61.562%,
+    2.746% 61.562%,
+    1.948% 60.515%,
+    1.296% 59.393%,
+    0.79% 58.213%,
+    0.432% 56.988%,
+    0.225% 55.733%,
+    0.168% 54.461%,
+    0.264% 53.189%,
+    0.515% 51.928%,
+    0.921% 50.695%,
+    1.484% 49.504%,
+    1.484% 49.504%,
+    1.484% 49.504%,
+    1.867% 48.739%,
+    2.184% 47.95%,
+    2.437% 47.143%,
+    2.624% 46.32%,
+    2.744% 45.486%,
+    2.799% 44.645%,
+    2.786% 43.801%,
+    2.706% 42.958%,
+    2.559% 42.121%,
+    2.343% 41.292%,
+    2.343% 41.292%,
+    2.343% 41.292%,
+    2.039% 40.009%,
+    1.897% 38.718%,
+    1.912% 37.433%,
+    2.082% 36.168%,
+    2.4% 34.936%,
+    2.863% 33.752%,
+    3.466% 32.628%,
+    4.205% 31.579%,
+    5.075% 30.619%,
+    6.072% 29.761%,
+    6.072% 29.761%,
+    6.072% 29.761%,
+    6.731% 29.218%,
+    7.341% 28.627%,
+    7.898% 27.993%,
+    8.402% 27.317%,
+    8.85% 26.605%,
+    9.24% 25.859%,
+    9.57% 25.083%,
+    9.839% 24.281%,
+    10.043% 23.455%,
+    10.181% 22.61%,
+    10.181% 22.61%,
+    10.181% 22.61%,
+    10.422% 21.314%,
+    10.815% 20.076%,
+    11.35% 18.909%,
+    12.016% 17.822%,
+    12.806% 16.827%,
+    13.708% 15.934%,
+    14.714% 15.154%,
+    15.814% 14.498%,
+    16.998% 13.976%,
+    18.256% 13.6%,
+    18.256% 13.6%,
+    18.256% 13.6%,
+    19.078% 13.373%,
+    19.873% 13.083%,
+    20.64% 12.731%,
+    21.373% 12.32%,
+    22.071% 11.852%,
+    22.729% 11.33%,
+    23.345% 10.756%,
+    23.915% 10.132%,
+    24.436% 9.462%,
+    24.904% 8.747%,
+    24.904% 8.747%,
+    24.904% 8.747%,
+    25.649% 7.661%,
+    26.509% 6.691%,
+    27.47% 5.842%,
+    28.519% 5.122%,
+    29.643% 4.536%,
+    30.829% 4.089%,
+    32.064% 3.788%,
+    33.334% 3.638%,
+    34.626% 3.645%,
+    35.928% 3.815%,
+    35.928% 3.815%,
+    35.928% 3.815%,
+    36.771% 3.944%,
+    37.615% 4.004%,
+    38.458% 3.995%,
+    39.294% 3.92%,
+    40.121% 3.777%,
+    40.934% 3.569%,
+    41.729% 3.297%,
+    42.502% 2.96%,
+    43.249% 2.56%,
+    43.966% 2.098%,
+    43.966% 2.098%
+  );
+  animation: clipRotateAnim 25s linear infinite;
+}
+
+.hero-logo-image:before {
+  content: "";
+  position: absolute;
+  inset: -10%;
+  background-image: url(../img/pfp.webp);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  animation: inherit;
+  animation-direction: reverse;
+}
+
+@keyframes clipRotateAnim {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.hero-logo-icon {
+  width: 30%;
+  height: 30%;
+  background-color: #0000003f;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  clip-path: polygon(
+    41.954% 4.828%,
+    41.954% 4.828%,
+    43.343% 5.418%,
+    44.772% 5.885%,
+    46.232% 6.229%,
+    47.714% 6.449%,
+    49.207% 6.542%,
+    50.701% 6.508%,
+    52.186% 6.346%,
+    53.654% 6.054%,
+    55.092% 5.632%,
+    56.493% 5.077%,
+    56.493% 5.077%,
+    58.251% 4.305%,
+    60.072% 3.554%,
+    61.944% 2.838%,
+    63.858% 2.171%,
+    65.801% 1.567%,
+    67.764% 1.041%,
+    69.736% 0.607%,
+    71.705% 0.279%,
+    73.661% 0.072%,
+    75.594% 0%,
+    75.594% 0%,
+    77.575% 0.081%,
+    79.512% 0.319%,
+    81.398% 0.708%,
+    83.226% 1.243%,
+    84.991% 1.915%,
+    86.686% 2.72%,
+    88.304% 3.65%,
+    89.84% 4.7%,
+    91.288% 5.863%,
+    92.639% 7.132%,
+    92.639% 7.132%,
+    93.933% 8.489%,
+    95.119% 9.943%,
+    96.189% 11.488%,
+    97.138% 13.119%,
+    97.959% 14.827%,
+    98.645% 16.608%,
+    99.19% 18.453%,
+    99.588% 20.358%,
+    99.831% 22.314%,
+    99.913% 24.316%,
+    99.913% 24.316%,
+    99.846% 26.11%,
+    99.654% 27.922%,
+    99.348% 29.743%,
+    98.941% 31.563%,
+    98.446% 33.374%,
+    97.875% 35.165%,
+    97.24% 36.928%,
+    96.555% 38.653%,
+    95.832% 40.332%,
+    95.082% 41.954%,
+    95.082% 41.954%,
+    94.493% 43.343%,
+    94.025% 44.772%,
+    93.681% 46.232%,
+    93.462% 47.714%,
+    93.368% 49.207%,
+    93.402% 50.701%,
+    93.564% 52.186%,
+    93.856% 53.654%,
+    94.279% 55.092%,
+    94.833% 56.493%,
+    94.833% 56.493%,
+    95.605% 58.252%,
+    96.357% 60.073%,
+    97.073% 61.947%,
+    97.741% 63.861%,
+    98.345% 65.805%,
+    98.871% 67.769%,
+    99.306% 69.742%,
+    99.634% 71.712%,
+    99.841% 73.669%,
+    99.913% 75.603%,
+    99.913% 75.603%,
+    99.829% 77.622%,
+    99.582% 79.596%,
+    99.177% 81.516%,
+    98.623% 83.376%,
+    97.925% 85.17%,
+    97.09% 86.89%,
+    96.125% 88.53%,
+    95.037% 90.084%,
+    93.832% 91.544%,
+    92.518% 92.903%,
+    92.518% 92.903%,
+    91.17% 94.152%,
+    89.729% 95.296%,
+    88.202% 96.328%,
+    86.593% 97.242%,
+    84.91% 98.033%,
+    83.159% 98.693%,
+    81.346% 99.218%,
+    79.476% 99.6%,
+    77.557% 99.834%,
+    75.594% 99.913%,
+    75.594% 99.913%,
+    73.661% 99.841%,
+    71.704% 99.635%,
+    69.735% 99.308%,
+    67.764% 98.874%,
+    65.801% 98.349%,
+    63.858% 97.746%,
+    61.945% 97.08%,
+    60.072% 96.364%,
+    58.251% 95.613%,
+    56.493% 94.842%,
+    56.493% 94.842%,
+    55.092% 94.287%,
+    53.654% 93.865%,
+    52.186% 93.573%,
+    50.701% 93.411%,
+    49.207% 93.377%,
+    47.714% 93.47%,
+    46.232% 93.69%,
+    44.772% 94.034%,
+    43.343% 94.501%,
+    41.954% 95.091%,
+    41.954% 95.091%,
+    40.331% 95.84%,
+    38.652% 96.563%,
+    36.926% 97.247%,
+    35.162% 97.881%,
+    33.37% 98.45%,
+    31.559% 98.944%,
+    29.738% 99.35%,
+    27.916% 99.655%,
+    26.103% 99.847%,
+    24.308% 99.913%,
+    24.308% 99.913%,
+    22.306% 99.831%,
+    20.35% 99.588%,
+    18.446% 99.19%,
+    16.601% 98.646%,
+    14.821% 97.96%,
+    13.112% 97.139%,
+    11.482% 96.19%,
+    9.937% 95.12%,
+    8.483% 93.936%,
+    7.127% 92.642%,
+    7.127% 92.642%,
+    5.858% 91.291%,
+    4.696% 89.844%,
+    3.647% 88.308%,
+    2.717% 86.69%,
+    1.913% 84.996%,
+    1.241% 83.231%,
+    0.708% 81.404%,
+    0.319% 79.519%,
+    0.081% 77.583%,
+    0% 75.603%,
+    0% 75.603%,
+    0.072% 73.668%,
+    0.278% 71.711%,
+    0.605% 69.741%,
+    1.038% 67.768%,
+    1.562% 65.805%,
+    2.165% 63.861%,
+    2.831% 61.947%,
+    3.546% 60.074%,
+    4.297% 58.252%,
+    5.068% 56.493%,
+    5.068% 56.493%,
+    5.623% 55.092%,
+    6.046% 53.654%,
+    6.338% 52.186%,
+    6.5% 50.701%,
+    6.533% 49.207%,
+    6.44% 47.714%,
+    6.221% 46.232%,
+    5.877% 44.772%,
+    5.409% 43.343%,
+    4.82% 41.954%,
+    4.82% 41.954%,
+    4.071% 40.332%,
+    3.348% 38.654%,
+    2.664% 36.928%,
+    2.031% 35.165%,
+    1.462% 33.374%,
+    0.969% 31.564%,
+    0.563% 29.744%,
+    0.259% 27.923%,
+    0.067% 26.111%,
+    0% 24.316%,
+    0% 24.316%,
+    0.079% 22.354%,
+    0.313% 20.435%,
+    0.695% 18.566%,
+    1.22% 16.753%,
+    1.88% 15.002%,
+    2.67% 13.319%,
+    3.584% 11.711%,
+    4.616% 10.184%,
+    5.759% 8.743%,
+    7.007% 7.395%,
+    7.007% 7.395%,
+    8.367% 6.081%,
+    9.827% 4.876%,
+    11.38% 3.788%,
+    13.02% 2.824%,
+    14.74% 1.989%,
+    16.534% 1.291%,
+    18.394% 0.736%,
+    20.314% 0.332%,
+    22.288% 0.084%,
+    24.308% 0%,
+    24.308% 0%,
+    26.103% 0.067%,
+    27.916% 0.259%,
+    29.737% 0.565%,
+    31.559% 0.971%,
+    33.37% 1.466%,
+    35.162% 2.036%,
+    36.926% 2.67%,
+    38.652% 3.355%,
+    40.331% 4.079%,
+    41.954% 4.828%
+  );
+  animation: clipRotateAnim 60s linear infinite;
+}
+
+.hero-logo-icon:before {
+  content: "";
+  position: absolute;
+  inset: +10%;
+  background-image: url(../img/dragon_logo.svg);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  animation: inherit;
+  animation-direction: reverse;
+}
+
+.hero-logo-icon-2 {
+  width: 30%;
+  height: 30%;
+  background-color: #0000003f;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  clip-path: polygon(
+    41.954% 4.828%,
+    41.954% 4.828%,
+    43.343% 5.418%,
+    44.772% 5.885%,
+    46.232% 6.229%,
+    47.714% 6.449%,
+    49.207% 6.542%,
+    50.701% 6.508%,
+    52.186% 6.346%,
+    53.654% 6.054%,
+    55.092% 5.632%,
+    56.493% 5.077%,
+    56.493% 5.077%,
+    58.251% 4.305%,
+    60.072% 3.554%,
+    61.944% 2.838%,
+    63.858% 2.171%,
+    65.801% 1.567%,
+    67.764% 1.041%,
+    69.736% 0.607%,
+    71.705% 0.279%,
+    73.661% 0.072%,
+    75.594% 0%,
+    75.594% 0%,
+    77.575% 0.081%,
+    79.512% 0.319%,
+    81.398% 0.708%,
+    83.226% 1.243%,
+    84.991% 1.915%,
+    86.686% 2.72%,
+    88.304% 3.65%,
+    89.84% 4.7%,
+    91.288% 5.863%,
+    92.639% 7.132%,
+    92.639% 7.132%,
+    93.933% 8.489%,
+    95.119% 9.943%,
+    96.189% 11.488%,
+    97.138% 13.119%,
+    97.959% 14.827%,
+    98.645% 16.608%,
+    99.19% 18.453%,
+    99.588% 20.358%,
+    99.831% 22.314%,
+    99.913% 24.316%,
+    99.913% 24.316%,
+    99.846% 26.11%,
+    99.654% 27.922%,
+    99.348% 29.743%,
+    98.941% 31.563%,
+    98.446% 33.374%,
+    97.875% 35.165%,
+    97.24% 36.928%,
+    96.555% 38.653%,
+    95.832% 40.332%,
+    95.082% 41.954%,
+    95.082% 41.954%,
+    94.493% 43.343%,
+    94.025% 44.772%,
+    93.681% 46.232%,
+    93.462% 47.714%,
+    93.368% 49.207%,
+    93.402% 50.701%,
+    93.564% 52.186%,
+    93.856% 53.654%,
+    94.279% 55.092%,
+    94.833% 56.493%,
+    94.833% 56.493%,
+    95.605% 58.252%,
+    96.357% 60.073%,
+    97.073% 61.947%,
+    97.741% 63.861%,
+    98.345% 65.805%,
+    98.871% 67.769%,
+    99.306% 69.742%,
+    99.634% 71.712%,
+    99.841% 73.669%,
+    99.913% 75.603%,
+    99.913% 75.603%,
+    99.829% 77.622%,
+    99.582% 79.596%,
+    99.177% 81.516%,
+    98.623% 83.376%,
+    97.925% 85.17%,
+    97.09% 86.89%,
+    96.125% 88.53%,
+    95.037% 90.084%,
+    93.832% 91.544%,
+    92.518% 92.903%,
+    92.518% 92.903%,
+    91.17% 94.152%,
+    89.729% 95.296%,
+    88.202% 96.328%,
+    86.593% 97.242%,
+    84.91% 98.033%,
+    83.159% 98.693%,
+    81.346% 99.218%,
+    79.476% 99.6%,
+    77.557% 99.834%,
+    75.594% 99.913%,
+    75.594% 99.913%,
+    73.661% 99.841%,
+    71.704% 99.635%,
+    69.735% 99.308%,
+    67.764% 98.874%,
+    65.801% 98.349%,
+    63.858% 97.746%,
+    61.945% 97.08%,
+    60.072% 96.364%,
+    58.251% 95.613%,
+    56.493% 94.842%,
+    56.493% 94.842%,
+    55.092% 94.287%,
+    53.654% 93.865%,
+    52.186% 93.573%,
+    50.701% 93.411%,
+    49.207% 93.377%,
+    47.714% 93.47%,
+    46.232% 93.69%,
+    44.772% 94.034%,
+    43.343% 94.501%,
+    41.954% 95.091%,
+    41.954% 95.091%,
+    40.331% 95.84%,
+    38.652% 96.563%,
+    36.926% 97.247%,
+    35.162% 97.881%,
+    33.37% 98.45%,
+    31.559% 98.944%,
+    29.738% 99.35%,
+    27.916% 99.655%,
+    26.103% 99.847%,
+    24.308% 99.913%,
+    24.308% 99.913%,
+    22.306% 99.831%,
+    20.35% 99.588%,
+    18.446% 99.19%,
+    16.601% 98.646%,
+    14.821% 97.96%,
+    13.112% 97.139%,
+    11.482% 96.19%,
+    9.937% 95.12%,
+    8.483% 93.936%,
+    7.127% 92.642%,
+    7.127% 92.642%,
+    5.858% 91.291%,
+    4.696% 89.844%,
+    3.647% 88.308%,
+    2.717% 86.69%,
+    1.913% 84.996%,
+    1.241% 83.231%,
+    0.708% 81.404%,
+    0.319% 79.519%,
+    0.081% 77.583%,
+    0% 75.603%,
+    0% 75.603%,
+    0.072% 73.668%,
+    0.278% 71.711%,
+    0.605% 69.741%,
+    1.038% 67.768%,
+    1.562% 65.805%,
+    2.165% 63.861%,
+    2.831% 61.947%,
+    3.546% 60.074%,
+    4.297% 58.252%,
+    5.068% 56.493%,
+    5.068% 56.493%,
+    5.623% 55.092%,
+    6.046% 53.654%,
+    6.338% 52.186%,
+    6.5% 50.701%,
+    6.533% 49.207%,
+    6.44% 47.714%,
+    6.221% 46.232%,
+    5.877% 44.772%,
+    5.409% 43.343%,
+    4.82% 41.954%,
+    4.82% 41.954%,
+    4.071% 40.332%,
+    3.348% 38.654%,
+    2.664% 36.928%,
+    2.031% 35.165%,
+    1.462% 33.374%,
+    0.969% 31.564%,
+    0.563% 29.744%,
+    0.259% 27.923%,
+    0.067% 26.111%,
+    0% 24.316%,
+    0% 24.316%,
+    0.079% 22.354%,
+    0.313% 20.435%,
+    0.695% 18.566%,
+    1.22% 16.753%,
+    1.88% 15.002%,
+    2.67% 13.319%,
+    3.584% 11.711%,
+    4.616% 10.184%,
+    5.759% 8.743%,
+    7.007% 7.395%,
+    7.007% 7.395%,
+    8.367% 6.081%,
+    9.827% 4.876%,
+    11.38% 3.788%,
+    13.02% 2.824%,
+    14.74% 1.989%,
+    16.534% 1.291%,
+    18.394% 0.736%,
+    20.314% 0.332%,
+    22.288% 0.084%,
+    24.308% 0%,
+    24.308% 0%,
+    26.103% 0.067%,
+    27.916% 0.259%,
+    29.737% 0.565%,
+    31.559% 0.971%,
+    33.37% 1.466%,
+    35.162% 2.036%,
+    36.926% 2.67%,
+    38.652% 3.355%,
+    40.331% 4.079%,
+    41.954% 4.828%
+  );
+  animation: clipRotateAnim 60s linear infinite;
+  animation-direction: reverse;
+}
+
+.hero-text {
+  width: 100%;
+}
+
+@media only screen and (min-width: 750px) {
+  h1 a {
+    font-size: 6rem;
+  }
+  h2 {
+    font-size: 2rem;
+  }
+}

static/portfolio/css/main.css

@@ -0,0 +1,211 @@
+:root {
+  --bg: #181818;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+@font-face {
+  font-family: Yellowtail;
+  src: local(sans-serif), url(../fonts/Yellowtail-Regular.ttf);
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Roboto;
+  src: local(sans-serif), url(../fonts/Roboto-Regular.ttf);
+  font-display: swap;
+}
+
+/* ----------- HTML - BODY -------------- */
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: "Roboto", sans-serif;
+  background: var(--bg);
+  margin: 0px;
+  padding: 0px;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: black;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #4a4a4a;
+  border-radius: 99rem;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #7d7d7d;
+}
+
+/* -------------- Title Bubbles --------------- */
+
+.title-bubble {
+  height: 2rem;
+  width: 60%;
+  background: rgba(0, 0, 0, 0.298);
+  position: absolute;
+  top: 2rem;
+  left: 20%;
+  border-radius: 99rem;
+  text-align: center;
+  padding: 0.4rem 0px;
+  color: white;
+  z-index: 9;
+}
+
+.title-bubble img {
+  background: transparent !important;
+  transform: translateY(0.1rem);
+  height: 1rem !important;
+  width: 1rem !important;
+  background: transparent;
+  border-radius: 0 !important;
+  object-fit: contain !important;
+  filter: invert(100%) sepia(14%) saturate(177%) hue-rotate(186deg)
+    brightness(115%) contrast(100%);
+}
+
+.title-main {
+  position: relative;
+  top: 0;
+  left: 0;
+  background: rgba(163, 163, 163, 0.298);
+}
+
+/* -------------- Contact Bubbles -------- */
+#contact {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 2rem;
+  padding-bottom: 7rem;
+  background: url("../img/contactbg.webp");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.contact-bubble {
+  display: flex;
+  height: 5rem;
+  background: #78787848;
+  border-radius: 99rem;
+  width: fit-content;
+  padding: 1rem;
+  margin-top: 2rem;
+  transition: 0.5s;
+  -webkit-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+}
+
+.contact-bubble a {
+  height: 100%;
+  background: #ffffff64;
+  border-radius: 50%;
+  object-fit: cover;
+  -webkit-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  transition: 0.4s;
+}
+
+.contact-bubble a:hover {
+  background: #ffffffbd;
+  transform: scale(104%);
+  transition: 0.4s;
+  -webkit-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+}
+
+.contact-bubble img {
+  height: 100%;
+  border-radius: 50%;
+  padding: 0.2rem;
+}
+
+.contact-bubble a:last-child {
+  margin-left: 1rem;
+}
+
+.contact-bubble:hover {
+  transform: scale(104%);
+  transition: 0.5s;
+  -webkit-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+}
+
+/* -------------- Common Rules ----------- */
+
+#certs,
+.hero,
+#projects,
+#timeline,
+#contact {
+  border-radius: 30px;
+}
+
+.timeline-container,
+.certs-container,
+.projects-container,
+.hero-container {
+  padding-bottom: 16px;
+  padding-top: 0;
+}
+
+@media only screen and (min-width: 750px) {
+  .timeline-container,
+  .certs-container,
+  .projects-container,
+  .contact-container {
+    padding: 16px;
+    padding-top: 0;
+  }
+  .hero-container {
+    padding: 16px;
+  }
+  .title-main {
+    height: 3rem;
+    font-size: 150%;
+    width: 20rem;
+    padding: 0.7rem 0px;
+  }
+}
+
+@media only screen and (max-width: 750px) {
+  .hero {
+    border-radius: 0 0 30px 30px;
+  }
+  #contact {
+    border-radius: 30px 30px 0 0;
+  }
+}
+
+.certs-item a,
+.projects-item a,
+.certs-item,
+.projects-item,
+.skills-info,
+.hero-logo-icon,
+nav,
+.title-bubble,
+.contact-bubble,
+.contact-bubble img,
+.timeline-item {
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+}

static/portfolio/css/nav.css

@@ -0,0 +1,158 @@
+/* -------------- NAV --------------- */
+
+.nav-container {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  height: fit-content;
+  background-color: transparent;
+  height: 5.5rem;
+  padding: 1rem;
+  z-index: 99;
+}
+
+nav {
+  background-color: #36363674;
+  border-radius: 50rem;
+  box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
+  color: rgba(0, 0, 0, 0.8);
+  display: flex;
+  height: 100%;
+  justify-content: space-between;
+  padding: 0.5rem;
+  margin: auto;
+}
+
+.nav-close {
+  animation: navClose 0.2s ease-in;
+}
+
+@keyframes navClose {
+  from {
+    width: 100%;
+  }
+  to {
+    width: 3.55rem;
+  }
+}
+
+.nav-open {
+  animation: navOpen 0.2s ease-in;
+}
+
+@keyframes navOpen {
+  from {
+    width: 3.55rem;
+  }
+  to {
+    width: 100%;
+  }
+}
+
+@keyframes navClosePC {
+  from {
+    width: 50%;
+  }
+  to {
+    width: 3.55rem;
+  }
+}
+
+@keyframes navOpenPC {
+  from {
+    width: 3.55rem;
+  }
+  to {
+    width: 50%;
+  }
+}
+
+.nav-logo {
+  border-radius: 50%;
+  background-color: #00000056;
+  transition: 0.3s;
+}
+
+#nav-container {
+  display: flex;
+  justify-content: right;
+  width: 100%;
+  overflow: hidden;
+}
+
+nav ul {
+  display: flex;
+  list-style-type: none;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+nav li {
+  display: flex;
+  height: 90%;
+  justify-items: center;
+  margin-right: 0.1rem;
+  margin-left: 0.3rem;
+  transition: 0.3s;
+}
+
+nav li a {
+  display: flex;
+  border-radius: 100rem;
+  width: 3rem;
+  color: white;
+  text-align: center;
+  text-decoration: none;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  margin: none;
+  transition: 0.2s;
+}
+
+nav li a img {
+  filter: invert(96%) sepia(100%) saturate(15%) hue-rotate(126deg)
+    brightness(108%) contrast(100%);
+}
+
+nav li a:active {
+  background: #00000073;
+}
+
+li a:hover,
+.nav-logo:hover {
+  background: #00000028;
+  transition: 0.3s;
+}
+
+.hide {
+  width: 3.55rem;
+}
+
+.hide #nav-container {
+  display: none;
+}
+
+.menuAlt {
+  background: #9a9a9a2f;
+  transition: 0.3s;
+}
+
+@media only screen and (min-width: 750px) {
+  .nav-container {
+    top: 0;
+  }
+
+  .nav-close {
+    animation: navClosePC 0.2s ease-in;
+  }
+
+  .nav-open {
+    animation: navOpenPC 0.2s ease-in;
+  }
+  nav {
+    width: 50%;
+  }
+}

static/portfolio/css/projects.css

@@ -0,0 +1,120 @@
+#projects {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 2rem;
+  background: url(../img/projectsbg.webp);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+#projects .item-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.projects-item {
+  position: relative;
+  width: 100%;
+  background-color: #ffffff54;
+  border-radius: 1.2rem;
+  padding: 1rem;
+  margin: 1rem;
+  transition: 0.5s;
+  -webkit-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+}
+
+.projects-item:hover {
+  transform: scale(102%);
+  transition: 0.5s;
+  -webkit-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+}
+
+.projects-item img {
+  width: 100%;
+  max-height: 30rem;
+  border-radius: 0.6rem;
+  object-fit: cover;
+  background-color: white;
+}
+
+.projects-actions {
+  width: 100%;
+  display: flex;
+}
+
+.projects-item a {
+  width: 100%;
+  text-align: center;
+  background: #00000073;
+  border-radius: 50rem;
+  margin-top: 1rem;
+  padding: 0.5rem 0px;
+  text-decoration: none;
+  color: white;
+  -webkit-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  transition: 0.4s;
+}
+
+.projects-item a:last-child {
+  margin-left: 0.5rem;
+}
+
+.projects-item a:hover {
+  background: #00000061;
+  transform: scale(102%);
+  transition: 0.4s;
+  -webkit-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 42px -14px rgba(0, 0, 0, 0.75);
+}
+
+@media only screen and (min-width: 750px) {
+  #projects .item-container {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 3rem;
+    padding: 2rem;
+  }
+
+  #projects .item-container *:nth-child(1) {
+    grid-row: 1;
+    grid-column: 1;
+  }
+  #projects .item-container *:nth-child(2) {
+    grid-row: 2;
+    grid-column: 1;
+  }
+  #projects .item-container *:nth-child(4) {
+    grid-row: 1;
+    grid-column: 2;
+  }
+  #projects .item-container *:nth-child(3) {
+    grid-row: 2;
+    grid-column: 2;
+  }
+
+  .projects-item {
+    margin: 0;
+    width: 100%;
+  }
+}
+
+@media only screen and (max-width: 750px) {
+  .projects-actions {
+    flex-direction: column;
+  }
+  .projects-item a:last-child {
+    margin-left: 0;
+  }
+}

static/portfolio/css/timeline.css

@@ -0,0 +1,119 @@
+#timeline {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 2rem;
+  background: url(../img/timelinebg.webp);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  color: white;
+}
+
+.checkpoint {
+  max-width: 34em;
+  margin: 0;
+  padding: 1rem;
+}
+
+.checkpoint:first-child {
+  margin-top: 2rem;
+}
+
+.checkpoint p {
+  line-height: 27px;
+  color: #ccc;
+  background: #00000073;
+  border-radius: 0.6rem;
+  margin-top: 1rem;
+  margin-bottom: 0;
+  padding: 1rem;
+  text-decoration: none;
+}
+
+.checkpoint .timeline-item {
+  position: relative;
+  width: 100%;
+  background-color: #ffffff54;
+  border-radius: 1.2rem;
+  padding: 1rem;
+  margin: 0;
+  -webkit-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 0px 48px -24px rgba(0, 0, 0, 0.75);
+}
+
+.checkpoint:nth-child(odd) {
+  border-left: 3px solid #ffffff64;
+  padding-left: 3em;
+  transform: translateX(17em);
+}
+
+.checkpoint:nth-child(even) {
+  border-right: 3px solid #ffffff64;
+  padding-right: 3em;
+  transform: translateX(-16.83em);
+}
+
+.checkpoint:nth-child(even)::before,
+.checkpoint:nth-child(odd)::before {
+  content: "";
+  background: #ffffff64;
+  width: 3em;
+  height: 3px;
+  position: absolute;
+  top: 50%;
+}
+
+.checkpoint:nth-child(even)::before {
+  right: 0;
+}
+
+.checkpoint:nth-child(odd)::before {
+  left: 0;
+}
+
+.checkpoint-item-bubble {
+  height: 2rem;
+  background: rgba(0, 0, 0, 0.298);
+  border-radius: 99rem;
+  text-align: center;
+  padding: 0.4rem 0;
+  color: white;
+  z-index: 9;
+}
+
+@media screen and (max-width: 1150px) {
+  .timeline {
+    width: 80vw;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .timeline .checkpoint {
+    width: 100%;
+    transform: none;
+    padding-left: 0;
+    padding-right: 0;
+    border: none;
+    transform: translateX(0);
+  }
+
+  .timeline .checkpoint::before {
+    height: 2em;
+    width: 3px;
+    top: -1em;
+    left: 50%;
+  }
+
+  .checkpoint:first-child {
+    margin-top: 0;
+  }
+
+  .checkpoint:first-child::before {
+    display: none;
+  }
+}

static/portfolio/img/Star 3.svg

@@ -0,0 +1,3 @@
+<svg width="422" height="420" viewBox="0 0 422 420" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M185.537 8.81283C200.827 -1.88361 221.173 -1.8836 236.463 8.81283V8.81283C246.325 15.7125 258.566 18.3143 270.382 16.0227V16.0227C288.701 12.47 307.287 20.7452 316.905 36.7359V36.7359C323.109 47.0506 333.233 54.4061 344.96 57.1188V57.1188C363.14 61.3242 376.753 76.4436 379.035 94.9637V94.9637C380.507 106.91 386.764 117.747 396.374 124.995V124.995C411.272 136.232 417.559 155.581 412.111 173.428V173.428C408.597 184.94 409.905 197.386 415.736 207.916V207.916C424.775 224.24 422.649 244.474 410.413 258.562V258.562C402.52 267.65 398.653 279.551 399.697 291.542V291.542C401.315 310.132 391.142 327.752 374.234 335.645V335.645C363.327 340.736 354.954 350.036 351.03 361.415V361.415C344.947 379.056 328.488 391.015 309.831 391.348V391.348C297.796 391.564 286.364 396.654 278.151 405.453V405.453C265.419 419.095 245.519 423.325 228.339 416.041V416.041C217.257 411.343 204.743 411.343 193.661 416.041V416.041C176.481 423.325 156.581 419.095 143.849 405.453V405.453C135.636 396.654 124.204 391.564 112.169 391.348V391.348C93.5122 391.015 77.0526 379.056 70.9698 361.415V361.415C67.0462 350.036 58.6727 340.736 47.7661 335.645V335.645C30.8577 327.752 20.6851 310.132 22.3034 291.542V291.542C23.3473 279.551 19.4803 267.65 11.5875 258.562V258.562C-0.648604 244.474 -2.77525 224.24 6.26433 207.916V207.916C12.0952 197.386 13.4033 184.94 9.88911 173.428V173.428C4.4411 155.581 10.7281 136.232 25.6259 124.995V124.995C35.2356 117.747 41.4926 106.91 42.9646 94.9637V94.9637C45.2467 76.4436 58.8603 61.3242 77.0404 57.1188V57.1188C88.7673 54.4061 98.8913 47.0506 105.095 36.7359V36.7359C114.713 20.7452 133.299 12.47 151.618 16.0227V16.0227C163.434 18.3143 175.675 15.7125 185.537 8.81283V8.81283Z" fill="black"/>
+</svg>

static/portfolio/img/alternate_email_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480v58q0 59-40.5 100.5T740-280q-35 0-66-15t-52-43q-29 29-65.5 43.5T480-280q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480v58q0 26 17 44t43 18q26 0 43-18t17-44v-58q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93h160q17 0 28.5 11.5T680-120q0 17-11.5 28.5T640-80H480Zm0-280q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"/></svg>

static/portfolio/img/android.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="m420.6 301.9a24 24 0 1 1 24-24 24 24 0 0 1 -24 24m-265.1 0a24 24 0 1 1 24-24 24 24 0 0 1 -24 24m273.7-144.5 47.9-83a10 10 0 1 0 -17.3-10l-48.5 84.1a301.3 301.3 0 0 0 -246.6 0l-48.5-84a10 10 0 1 0 -17.3 10l47.9 83c-82.3 44.7-138.6 128.1-146.8 226.5h576c-8.2-98.5-64.5-181.8-146.9-226.6"/></svg>

static/portfolio/img/apple.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="m318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7-55.8.9-115.1 44.5-115.1 133.2q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"/></svg>

static/portfolio/img/bootstrap.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="m333.5 201.4c0-22.1-15.6-34.3-43-34.3h-50.4v71.2h42.5c32.8-.1 50.9-13.3 50.9-36.9zm183.5-12.8c-9.5-30.9-10.9-68.8-9.8-98.1 1.1-30.5-22.7-58.5-54.7-58.5h-328.8c-32.1 0-55.8 28.1-54.7 58.5 1 29.3-.3 67.2-9.8 98.1-9.6 31-25.7 50.6-52.2 53.1v28.5c26.4 2.5 42.6 22.1 52.2 53.1 9.5 30.9 10.9 68.8 9.8 98.1-1.1 30.5 22.7 58.5 54.7 58.5h328.7c32.1 0 55.8-28.1 54.7-58.5-1-29.3.3-67.2 9.8-98.1 9.6-31 25.7-50.6 52.1-53.1v-28.5c-26.3-2.5-42.5-22.1-52-53.1zm-216.8 186.5h-97.9v-238.3h97.4c43.3 0 71.7 23.4 71.7 59.4 0 25.3-19.1 47.9-43.5 51.8v1.3c33.2 3.6 55.5 26.6 55.5 58.3 0 42.1-31.3 67.5-83.2 67.5zm-10-108.7h-50.1v78.4h52.3c34.2 0 52.3-13.7 52.3-39.5 0-25.7-18.6-38.9-54.5-38.9z"/></svg>

static/portfolio/img/brain-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m184 0c30.9 0 56 25.1 56 56v400c0 30.9-25.1 56-56 56-28.9 0-52.7-21.9-55.7-50.1-5.2 1.4-10.7 2.1-16.3 2.1-35.3 0-64-28.7-64-64 0-7.4 1.3-14.6 3.6-21.2-30.2-11.4-51.6-40.6-51.6-74.8 0-31.9 18.7-59.5 45.8-72.3-8.7-10.9-13.8-24.7-13.8-39.7 0-30.7 21.6-56.3 50.4-62.6-1.6-5.5-2.4-11.4-2.4-17.4 0-29.9 20.6-55.1 48.3-62.1 3-28 26.8-49.9 55.7-49.9zm144 0c28.9 0 52.6 21.9 55.7 49.9 27.8 7 48.3 32.1 48.3 62.1 0 6-.8 11.9-2.4 17.4 28.8 6.2 50.4 31.9 50.4 62.6 0 15-5.1 28.8-13.8 39.7 27.1 12.8 45.8 40.4 45.8 72.3 0 34.2-21.4 63.4-51.6 74.8 2.3 6.6 3.6 13.8 3.6 21.2 0 35.3-28.7 64-64 64-5.6 0-11.1-.7-16.3-2.1-3 28.2-26.8 50.1-55.7 50.1-30.9 0-56-25.1-56-56v-400c0-30.9 25.1-56 56-56z"/></svg>

static/portfolio/img/build_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M360-360q-100 0-170-70t-70-170q0-20 3-40t11-38q5-10 12.5-15t16.5-7q9-2 18.5.5T199-689l105 105 72-72-105-105q-8-8-10.5-17.5T260-797q2-9 7-16.5t15-12.5q18-8 38-11t40-3q100 0 170 70t70 170q0 23-4 43.5T584-516l202 200q29 29 29 71t-29 71q-29 29-71 29t-71-30L444-376q-20 8-40.5 12t-43.5 4Zm0-80q26 0 52-8t47-25l243 243q5 5 13.5 4.5T729-231q5-5 5-13.5t-5-13.5L486-500q18-20 26-46.5t8-53.5q0-60-38.5-104.5T386-758l74 74q12 12 12 28t-12 28L332-500q-12 12-28 12t-28-12l-74-74q9 57 53.5 95.5T360-440Zm109-51Z"/></svg>

static/portfolio/img/build_FILL1_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M360-360q-100 0-170-70t-70-170q0-20 3-40t11-38q5-10 12.5-15t16.5-7q9-2 18.5.5T199-689l105 105 72-72-105-105q-8-8-10.5-17.5T260-797q2-9 7-16.5t15-12.5q18-8 38-11t40-3q100 0 170 70t70 170q0 23-4 43.5T584-516l202 200q29 29 29 71t-29 71q-29 29-71 29t-71-30L444-376q-20 8-40.5 12t-43.5 4Z"/></svg>

static/portfolio/img/c-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="m329.1 142.9c-62.5-62.5-155.8-62.5-218.3 0s-62.5 163.8 0 226.3 155.8 62.5 218.3 0c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3c-87.5 87.5-221.3 87.5-308.8 0s-87.5-229.3 0-316.8 221.3-87.5 308.8 0c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0z"/></svg>

static/portfolio/img/call_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m798-120q-125 0-247-54.5t-222-154.5q-100-100-154.5-222t-54.5-247q0-18 12-30t30-12h162q14 0 25 9.5t13 22.5l26 140q2 16-1 27t-11 19l-97 98q20 37 47.5 71.5t60.5 66.5q31 31 65 57.5t72 48.5l94-94q9-9 23.5-13.5t28.5-2.5l138 28q14 4 23 14.5t9 23.5v162q0 18-12 30t-30 12zm-557-480 66-66-17-94h-89q5 41 14 81t26 79zm358 358q39 17 79.5 27t81.5 13v-88l-94-19z"/></svg>

static/portfolio/img/call_FILL1_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M798-120q-125 0-247-54.5T329-329Q229-429 174.5-551T120-798q0-18 12-30t30-12h162q14 0 25 9.5t13 22.5l26 140q2 16-1 27t-11 19l-97 98q20 37 47.5 71.5T387-386q31 31 65 57.5t72 48.5l94-94q9-9 23.5-13.5T670-390l138 28q14 4 23 14.5t9 23.5v162q0 18-12 30t-30 12Z"/></svg>

static/portfolio/img/code-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="m392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3l89.3 89.4-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-89.4-89.3 89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"/></svg>

static/portfolio/img/code_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m193-479 155 155q11 11 11 28t-11 28q-11 11-28 11t-28-11l-184-184q-6-6-8.5-13t-2.5-15q0-8 2.5-15t8.5-13l184-184q12-12 28.5-12t28.5 12q12 12 12 28.5t-12 28.5zm574-2-155-155q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13l-184 184q-12 12-28 11.5t-28-12.5q-12-12-12-28.5t12-28.5z"/></svg>

static/portfolio/img/css3-alt.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="m0 32 34.9 395.8 157.1 52.2 157.1-52.2 34.9-395.8zm313.1 80-4.8 47.3-115.3 49.3-.3.1h111.5l-12.8 146.6-98.2 28.7-98.8-29.2-6.4-73.9h48.9l3.2 38.3 52.6 13.3 54.7-15.4 3.7-61.6-166.3-.5v-.1l-.2.1-3.6-46.3 112.1-46.7 6.5-2.7h-122.9l-5.8-47.3z"/></svg>

static/portfolio/img/database-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="m448 80v48c0 44.2-100.3 80-224 80s-224-35.8-224-80v-48c0-44.2 100.3-80 224-80s224 35.8 224 80zm-54.8 134.7c20.8-7.4 39.9-16.9 54.8-28.6v101.9c0 44.2-100.3 80-224 80s-224-35.8-224-80v-101.9c14.9 11.8 34 21.2 54.8 28.6 44.9 16 104.7 25.3 169.2 25.3s124.3-9.3 169.2-25.3zm-393.2 131.4c14.9 11.8 34 21.2 54.8 28.6 44.9 16 104.7 25.3 169.2 25.3s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6v85.9c0 44.2-100.3 80-224 80s-224-35.8-224-80z"/></svg>

static/portfolio/img/date_range_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M320-400q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm160 0q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm160 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-40q0-17 11.5-28.5T280-880q17 0 28.5 11.5T320-840v40h320v-40q0-17 11.5-28.5T680-880q17 0 28.5 11.5T720-840v40h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z"/></svg>

static/portfolio/img/date_range_FILL1_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M320-400q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm160 0q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm160 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-40q0-17 11.5-28.5T280-880q17 0 28.5 11.5T320-840v40h320v-40q0-17 11.5-28.5T680-880q17 0 28.5 11.5T720-840v40h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Z"/></svg>

static/portfolio/img/dragon_logo.svg

@@ -0,0 +1 @@
+<svg enable-background="new 0 0 1024 1008" viewBox="0 0 1024 1008" xmlns="http://www.w3.org/2000/svg"><g fill="#fcfcfc"><path d="m562.260864 626.742188c-19.625976-20.513245-42.943725-34.233094-70.04071-41.123658-20.37497-5.181213-41.003449-5.959228-61.854401-2.01123-27.044311 5.120727-50.700958 16.724121-71.266571 34.938965-7.783264 6.893615-9.310974 9.456421-14.636474-2.922974-15.256806-35.464966-39.448334-63.498108-72.0672-84.062439-28.344422-17.869507-59.344803-27.372833-92.949219-28.321503-26.006439-.73413-51.018402 3.722321-75.144897 13.389679-7.762268 3.11023-9.803498 1.228943-8.890877-7.251495 2.51207-23.342896 6.494209-46.402802 12.615043-69.079315 8.628014-31.965119 20.90033-62.469025 36.651062-91.587403 19.398407-35.861877 43.628556-68.172485 72.36467-97.003326 33.437851-33.548096 71.487274-60.81929 114.151032-81.525436 8.091034-3.926834 9.281158-3.302643 12.120209 5.832855 10.238525 32.945465 28.295562 60.820038 54.161438 83.635849 15.256835 13.457733 32.419128 23.872406 51.11557 31.799621 8.040802 3.409241 8.352844 5.331391 1.580932 11.109742-16.168854 13.796753-27.304626 30.859619-32.792145 51.40512-9.193908 34.422364-2.386901 65.691437 19.866425 93.315217 12.04718 14.954528 27.219055 26.922271 41.049652 40.155029 35.027008 33.512878 70.74411 66.311279 105.469513 100.13031 25.561768 24.89447 41.503601 55.395386 48.796143 90.519409 5.445556 26.228272 5.156128 52.271301-1.144593 78.132507-9.622192 39.494141-30.478515 72.080567-62.07373 97.722107-26.151245 21.223633-56.158692 33.93982-89.383423 38.011414-43.336884 5.310669-83.760468-3.871826-120.526733-27.828369-2.33075-1.518677-6.470215-2.936646-5.209992-6.384339 1.266571-3.465271 5.202667-1.753906 8.046051-1.457641 23.817505 2.482605 46.848084.392395 68.218048-11.545044 4.389588-2.452149 8.221161-5.642151 12.004486-8.926575 3.975495-3.451233 6.606171-2.816406 8.009766 2.243897 2.332306 8.408264.450958 16.138061-4.792206 23.059997-.80249 1.059448-1.833313 1.9469-2.626434 3.012268-1.429321 1.920105-4.909729 3.308716-3.742279 5.912476 1.23172 2.747009 4.876648 2.489685 7.611633 2.544128 63.243286 1.257813 110.333588-25.607605 140.199188-81.513122 9.019532-16.883789 13.520752-35.30896 14.689453-54.531006 2.564576-42.181702-11.209045-78.417847-39.57843-109.795715z"/><path d="m638.175903 323.707275c-1.069885-2.426483-1.471069-4.853607-3.880188-6.043426-2.935974 1.075012-1.957946 3.628998-1.919311 5.542267.254211 12.592682-1.29834 24.937347-5.066956 36.943359-.930725 2.965088-1.110901 7.723511-5.122253 7.544739-3.347962-.14917-3.12323-4.612854-3.746521-7.400543-5.277893-23.60669-17.324768-43.031739-35.695679-58.684204-5.356323-4.56363-4.752258-7.086335 1.754517-9.876069 53.163879-22.793487 88.975769-61.421585 106.457885-116.75621 2.395936-7.583603 4.575379-8.388946 12.617493-4.417084 33.646668 16.617432 64.648255 37.181778 92.806152 62.03302 56.708558 50.049118 97.413636 110.800888 121.820069 182.376572 9.690246 28.418213 16.36084 57.552216 19.25769 87.511871.671753 6.94748 2.068543 13.815308 1.947876 20.850098-.113708 6.628967-1.833008 7.829346-7.804931 4.647156-7.650025-4.076477-15.315674-8.079468-23.382569-11.292114-34.148071-13.599518-69.344909-17.575837-105.345459-9.983857-61.856994 13.044709-106.164367 48.670624-133.482666 105.619538-1.418457 2.957031-1.501953 7.789489-5.720337 7.973327-4.581482.199707-5.034973-4.764648-6.590637-7.839904-14.452392-28.571961-35.503906-51.738282-58.798584-73.260071-24.596741-22.724732-48.706665-45.976502-73.018677-69.009217-15.967346-15.127075-32.005859-30.180511-47.847931-45.437805-16.469177-15.861206-22.627746-35.260864-17.048919-57.400512 5.918823-23.488892 21.68341-38.612763 45.194641-43.028077 39.866089-7.486602 70.040954 22.982453 69.871216 57.255249-.048218 9.734559-2.203858 18.816803-6.660584 27.337128-2.125061 4.062561-1.615295 6.959869 1.739319 10.114685 20.997864 19.747223 41.897644 39.599487 62.733032 59.51825 3.196106 3.055572 6.063416 3.520965 9.635254.818206 7.041199-5.328033 14.168396-10.543701 21.30658-15.741912 3.151977-2.295258 3.884338-4.867981 2.312378-8.616639-9.716004-23.169799-14.719971-47.280883-13.791992-72.482147.171325-4.650207.301208-9.384674 1.280883-13.900024 1.065918-4.912628.032532-9.128876-1.949402-13.498352-4.676757-10.310456-9.150024-20.713257-13.861389-31.417298z"/><path d="m625.812012 405.449677c2.77417 5.143219 1.564148 10.040466-.041748 14.697357-.938721 2.722076-3.679993 2.957855-5.742188 1.101318-5.414245-4.874298-10.654968-9.944855-15.864929-15.039368-1.029358-1.006591-1.905823-2.467041-.902527-4.031189.92749-1.446014 2.537232-1.617218 4.009522-1.397461 6.200134.925568 12.51184 1.44043 18.54187 4.669343z"/></g></svg>

static/portfolio/img/git.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m216.3 158.4h-79.3c-40-10.5-130.5-7.8-130.5 74.8 0 30.1 15 51.2 35 61-25.1 23-37 33.9-37 49.2 0 11 4.5 21.1 17.9 26.8-14.3 13.4-22.4 23.2-22.4 41.5 0 32.1 28.1 50.8 101.6 50.8 70.8 0 111.8-26.4 111.8-73.2 0-58.7-45.2-56.5-151.6-63l13.4-21.6c27.3 7.6 118.7 10 118.7-67.9 0-18.7-7.7-31.7-15-41.1l37.4-2.8zm-63.4 241.9c0 32.1-104.9 32.1-104.9 2.4 0-8.1 5.3-15 10.6-21.5 77.7 5.3 94.3 3.4 94.3 19.1zm-50.8-134.6c-52.8 0-50.5-71.2 1.2-71.2 49.5 0 50.8 71.2-1.2 71.2zm133.3 100.5v-32.1c26.8-3.7 27.2-2 27.2-11v-119.5c0-8.5-2.1-7.4-27.2-16.3l4.5-32.9h84.1v168.7c0 6.5.4 7.3 6.5 8.1l20.7 2.8v32.1zm52.5-244.3c-23.2 0-36.6-13.4-36.6-36.6s13.4-35.8 36.6-35.8c23.6 0 37 12.6 37 35.8s-13.4 36.6-37 36.6zm224.1 228.6c-17.5 8.5-43.1 16.3-66.3 16.3-48.4 0-66.7-19.5-66.7-65.5v-106.5c0-5.4 1.1-4.1-31.7-4.1v-36.2c35.8-4.1 50-22 54.5-66.3h38.6c0 65.8-1.3 61.8 3.3 61.8h57.3v40.7h-60.6v97.2c0 6.9-4.9 51.4 60.6 26.8z"/></svg>

static/portfolio/img/github.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="m165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zm65.8-383.2c-138.7 0-244.8 105.3-244.8 244 0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1 100-33.2 167.8-128.1 167.8-239 0-138.7-112.5-244-251.2-244zm-147.6 344.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>

static/portfolio/img/home_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M240-200h120v-200q0-17 11.5-28.5T400-440h160q17 0 28.5 11.5T600-400v200h120v-360L480-740 240-560v360Zm-80 0v-360q0-19 8.5-36t23.5-28l240-180q21-16 48-16t48 16l240 180q15 11 23.5 28t8.5 36v360q0 33-23.5 56.5T720-120H560q-17 0-28.5-11.5T520-160v-200h-80v200q0 17-11.5 28.5T400-120H240q-33 0-56.5-23.5T160-200Zm320-270Z"/></svg>

static/portfolio/img/home_FILL1_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M160-200v-360q0-19 8.5-36t23.5-28l240-180q21-16 48-16t48 16l240 180q15 11 23.5 28t8.5 36v360q0 33-23.5 56.5T720-120H600q-17 0-28.5-11.5T560-160v-200q0-17-11.5-28.5T520-400h-80q-17 0-28.5 11.5T400-360v200q0 17-11.5 28.5T360-120H240q-33 0-56.5-23.5T160-200Z"/></svg>

static/portfolio/img/html5.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="m0 32 34.9 395.8 156.6 52.2 157.6-52.2 34.9-395.8zm308.2 127.9h-183.8l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7l3.5 38.1 53.5 14.5 53.7-14.5 6-62.2h-166.9l-12.8-145.6h241.1z"/></svg>

static/portfolio/img/laptop-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="m128 32c-35.3 0-64 28.7-64 64v256h64v-256h384v256h64v-256c0-35.3-28.7-64-64-64zm-108.8 352c-10.6 0-19.2 8.6-19.2 19.2 0 42.4 34.4 76.8 76.8 76.8h486.4c42.4 0 76.8-34.4 76.8-76.8 0-10.6-8.6-19.2-19.2-19.2z"/></svg>

static/portfolio/img/license_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m480-440q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35zm-240 400v-309q-38-42-59-96t-21-115q0-134 93-227t227-93q134 0 227 93t93 227q0 61-21 115t-59 96v309l-240-80zm240-280q100 0 170-70t70-170q0-100-70-170t-170-70q-100 0-170 70t-70 170q0 100 70 170t170 70zm-160 161 160-41 160 41v-124q-35 20-75.5 31.5t-84.5 11.5q-44 0-84.5-11.5t-75.5-31.5z"/></svg>

static/portfolio/img/linux.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="m220.8 123.3c1 .5 1.8 1.7 3 1.7 1.1 0 2.8-.4 2.9-1.5.2-1.4-1.9-2.3-3.2-2.9-1.7-.7-3.9-1-5.5-.1-.4.2-.8.7-.6 1.1.3 1.3 2.3 1.1 3.4 1.7zm-21.9 1.7c1.2 0 2-1.2 3-1.7 1.1-.6 3.1-.4 3.5-1.6.2-.4-.2-.9-.6-1.1-1.6-.9-3.8-.6-5.5.1-1.3.6-3.4 1.5-3.2 2.9.1 1 1.8 1.5 2.8 1.4zm221.1 278.8c-3.6-4-5.3-11.6-7.2-19.7-1.8-8.1-3.9-16.8-10.5-22.4-1.3-1.1-2.6-2.1-4-2.9-1.3-.8-2.7-1.5-4.1-2 9.2-27.3 5.6-54.5-3.7-79.1-11.4-30.1-31.3-56.4-46.5-74.4-17.1-21.5-33.7-41.9-33.4-72 .5-45.9 5.1-131.2-75.8-131.3-102.4-.2-76.8 103.4-77.9 135.2-1.7 23.4-6.4 41.8-22.5 64.7-18.9 22.5-45.5 58.8-58.1 96.7-6 17.9-8.8 36.1-6.2 53.3-6.5 5.8-11.4 14.7-16.6 20.2-4.2 4.3-10.3 5.9-17 8.3s-14 6-18.5 14.5c-2.1 3.9-2.8 8.1-2.8 12.4 0 3.9.6 7.9 1.2 11.8 1.2 8.1 2.5 15.7.8 20.8-5.2 14.4-5.9 24.4-2.2 31.7 3.8 7.3 11.4 10.5 20.1 12.3 17.3 3.6 40.8 2.7 59.3 12.5 19.8 10.4 39.9 14.1 55.9 10.4 11.6-2.6 21.1-9.6 25.9-20.2 12.5-.1 26.3-5.4 48.3-6.6 14.9-1.2 33.6 5.3 55.1 4.1.6 2.3 1.4 4.6 2.5 6.7v.1c8.3 16.7 23.8 24.3 40.3 23 16.6-1.3 34.1-11 48.3-27.9 13.6-16.4 36-23.2 50.9-32.2 7.4-4.5 13.4-10.1 13.9-18.3.4-8.2-4.4-17.3-15.5-29.7zm-196.3-316.5c9.8-22.2 34.2-21.8 44-.4 6.5 14.2 3.6 30.9-4.3 40.4-1.6-.8-5.9-2.6-12.6-4.9 1.1-1.2 3.1-2.7 3.9-4.6 4.8-11.8-.2-27-9.1-27.3-7.3-.5-13.9 10.8-11.8 23-4.1-2-9.4-3.5-13-4.4-1-6.9-.3-14.6 2.9-21.8zm-40.7-11.5c10.1 0 20.8 14.2 19.1 33.5-3.5 1-7.1 2.5-10.2 4.6 1.2-8.9-3.3-20.1-9.6-19.6-8.4.7-9.8 21.2-1.8 28.1 1 .8 1.9-.2-5.9 5.5-15.6-14.6-10.5-52.1 8.4-52.1zm-13.6 60.7c6.2-4.6 13.6-10 14.1-10.5 4.7-4.4 13.5-14.2 27.9-14.2 7.1 0 15.6 2.3 25.9 8.9 6.3 4.1 11.3 4.4 22.6 9.3 8.4 3.5 13.7 9.7 10.5 18.2-2.6 7.1-11 14.4-22.7 18.1-11.1 3.6-19.8 16-38.2 14.9-3.9-.2-7-1-9.6-2.1-8-3.5-12.2-10.4-20-15-8.6-4.8-13.2-10.4-14.7-15.3-1.4-4.9 0-9 4.2-12.3zm3.3 334c-2.7 35.1-43.9 34.4-75.3 18-29.9-15.8-68.6-6.5-76.5-21.9-2.4-4.7-2.4-12.7 2.6-26.4v-.2c2.4-7.6.6-16-.6-23.9-1.2-7.8-1.8-15 .9-20 3.5-6.7 8.5-9.1 14.8-11.3 10.3-3.7 11.8-3.4 19.6-9.9 5.5-5.7 9.5-12.9 14.3-18 5.1-5.5 10-8.1 17.7-6.9 8.1 1.2 15.1 6.8 21.9 16l19.6 35.6c9.5 19.9 43.1 48.4 41 68.9zm-1.4-25.9c-4.1-6.6-9.6-13.6-14.4-19.6 7.1 0 14.2-2.2 16.7-8.9 2.3-6.2 0-14.9-7.4-24.9-13.5-18.2-38.3-32.5-38.3-32.5-13.5-8.4-21.1-18.7-24.6-29.9s-3-23.3-.3-35.2c5.2-22.9 18.6-45.2 27.2-59.2 2.3-1.7.8 3.2-8.7 20.8-8.5 16.1-24.4 53.3-2.6 82.4.6-20.7 5.5-41.8 13.8-61.5 12-27.4 37.3-74.9 39.3-112.7 1.1.8 4.6 3.2 6.2 4.1 4.6 2.7 8.1 6.7 12.6 10.3 12.4 10 28.5 9.2 42.4 1.2 6.2-3.5 11.2-7.5 15.9-9 9.9-3.1 17.8-8.6 22.3-15 7.7 30.4 25.7 74.3 37.2 95.7 6.1 11.4 18.3 35.5 23.6 64.6 3.3-.1 7 .4 10.9 1.4 13.8-35.7-11.7-74.2-23.3-84.9-4.7-4.6-4.9-6.6-2.6-6.5 12.6 11.2 29.2 33.7 35.2 59 2.8 11.6 3.3 23.7.4 35.7 16.4 6.8 35.9 17.9 30.7 34.8-2.2-.1-3.2 0-4.2 0 3.2-10.1-3.9-17.6-22.8-26.1-19.6-8.6-36-8.6-38.3 12.5-12.1 4.2-18.3 14.7-21.4 27.3-2.8 11.2-3.6 24.7-4.4 39.9-.5 7.7-3.6 18-6.8 29-32.1 22.9-76.7 32.9-114.3 7.2zm257.4-11.5c-.9 16.8-41.2 19.9-63.2 46.5-13.2 15.7-29.4 24.4-43.6 25.5s-26.5-4.8-33.7-19.3c-4.7-11.1-2.4-23.1 1.1-36.3 3.7-14.2 9.2-28.8 9.9-40.6.8-15.2 1.7-28.5 4.2-38.7 2.6-10.3 6.6-17.2 13.7-21.1.3-.2.7-.3 1-.5.8 13.2 7.3 26.6 18.8 29.5 12.6 3.3 30.7-7.5 38.4-16.3 9-.3 15.7-.9 22.6 5.1 9.9 8.5 7.1 30.3 17.1 41.6 10.6 11.6 14 19.5 13.7 24.6zm-255.4-284.4c2 1.9 4.7 4.5 8 7.1 6.6 5.2 15.8 10.6 27.3 10.6 11.6 0 22.5-5.9 31.8-10.8 4.9-2.6 10.9-7 14.8-10.4s5.9-6.3 3.1-6.6-2.6 2.6-6 5.1c-4.4 3.2-9.7 7.4-13.9 9.8-7.4 4.2-19.5 10.2-29.9 10.2s-18.7-4.8-24.9-9.7c-3.1-2.5-5.7-5-7.7-6.9-1.5-1.4-1.9-4.6-4.3-4.9-1.4-.1-1.8 3.7 1.7 6.5z"/></svg>

static/portfolio/img/pepper-hot-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m428.3 3c11.6-6.4 26.2-2.3 32.6 9.3l4.8 8.7c19.3 34.7 19.8 75.7 3.4 110 26.7 28.6 42.9 66.9 42.9 109 0 18.5-3.1 36.3-8.9 52.8-6.1 17.3-28.5 16.3-36.8-.1l-11.7-23.4c-4.1-8.1-12.4-13.3-21.5-13.3h-73.1c-13.3 0-24-10.7-24-24v-80c0-13.3-10.7-24-24-24h-17.1c-21.3 0-30-23.9-10.8-32.9 20.6-9.7 43.6-15.1 67.9-15.1 28.3 0 54.8 7.3 77.8 20.2 5.5-18.2 3.7-38.4-6-55.8l-4.8-8.7c-6.4-11.6-2.3-26.2 9.3-32.6zm-257.1 342.5 92.8-185.5h40v80c0 26.5 21.5 48 48 48h76.2l23.9 47.8c-79.8 108.1-207.8 176.2-348.9 176.2h-58.8c-24.5 0-44.4-19.9-44.4-44.4 0-20.8 14.5-38.8 34.8-43.3l49.8-11.1c37.6-8.4 69.5-33.2 86.7-67.7z"/></svg>

static/portfolio/img/python.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="m439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8h-106.8c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7h-106.7v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zm-153.6 203.5c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zm-118.4-155.9h106.8c29.7 0 53.4-24.5 53.4-54.3v-101.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2h36.7v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z"/></svg>

static/portfolio/img/rust.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m508.5 249.8-21.8-13.6c-.2-2-.3-3.9-.6-5.9l18.7-17.5a7.4 7.4 0 0 0 -2.4-12.3l-24-9c-.5-1.9-1.1-3.8-1.7-5.6l15-20.8a7.4 7.4 0 0 0 -4.8-11.5l-25.4-4.2c-.9-1.7-1.8-3.5-2.7-5.2l10.7-23.4a7.4 7.4 0 0 0 -7-10.4l-25.8.9q-1.8-2.2-3.6-4.4l5.9-25.1a7.4 7.4 0 0 0 -8.8-8.8l-25.2 5.9q-2.2-1.8-4.4-3.6l.9-25.8a7.4 7.4 0 0 0 -10.4-7l-23.4 10.7c-1.7-.9-3.4-1.8-5.2-2.7l-4.1-25.4a7.4 7.4 0 0 0 -11.5-4.8l-20.9 15c-1.9-.6-3.8-1.1-5.6-1.7l-9-24a7.4 7.4 0 0 0 -12.3-2.4l-17.5 18.7c-2-.2-3.9-.4-5.9-.6l-13.4-21.8a7.4 7.4 0 0 0 -12.5 0l-13.6 21.8c-2 .2-3.9.3-5.9.6l-17.4-18.8a7.4 7.4 0 0 0 -12.3 2.4l-9 24c-1.9.6-3.8 1.1-5.7 1.7l-20.8-15a7.4 7.4 0 0 0 -11.5 4.8l-4.2 25.4c-1.7.9-3.5 1.8-5.2 2.7l-23.3-10.5a7.4 7.4 0 0 0 -10.4 7l.9 25.8c-1.5 1.2-3 2.4-4.4 3.6l-25.2-6a7.4 7.4 0 0 0 -8.8 8.8l5.9 25.2c-1.2 1.5-2.4 2.9-3.6 4.4l-25.8-.9a7.4 7.4 0 0 0 -6.4 3.3 7.4 7.4 0 0 0 -.6 7.1l10.7 23.4c-.9 1.7-1.8 3.4-2.7 5.2l-25.4 4.1a7.4 7.4 0 0 0 -4.8 11.5l15 20.8c-.6 1.9-1.1 3.8-1.7 5.7l-24 9a7.4 7.4 0 0 0 -2.4 12.3l18.7 17.5c-.2 2-.4 3.9-.6 5.9l-21.8 13.5a7.4 7.4 0 0 0 0 12.5l21.8 13.5c.2 2 .3 3.9.6 5.9l-18.8 17.4a7.4 7.4 0 0 0 2.4 12.3l24 9c.6 1.9 1.1 3.8 1.7 5.7l-15 20.8a7.4 7.4 0 0 0 4.8 11.5l25.4 4.2c.9 1.7 1.8 3.5 2.7 5.1l-10.5 23.4a7.4 7.4 0 0 0 .6 7.1 7.1 7.1 0 0 0 6.4 3.3l25.8-.9q1.8 2.2 3.6 4.4l-6 25.2a7.4 7.4 0 0 0 8.8 8.8l25.2-5.9q2.2 1.8 4.4 3.6l-.9 25.8a7.4 7.4 0 0 0 10.4 7l23.4-10.7 5.1 2.7 4.2 25.4a7.3 7.3 0 0 0 11.5 4.8l20.8-15c1.9.6 3.8 1.1 5.7 1.7l9 24a7.4 7.4 0 0 0 12.3 2.4l17.5-18.7c2 .2 3.9.4 5.9.6l13.5 21.8a7.4 7.4 0 0 0 12.5 0l13.5-21.8c2-.2 3.9-.3 5.9-.6l17.5 18.7a7.4 7.4 0 0 0 12.3-2.4l9-24c1.9-.6 3.8-1.1 5.7-1.7l20.8 15a7.3 7.3 0 0 0 11.5-4.8l4.2-25.4c1.7-.9 3.5-1.8 5.2-2.7l23.4 10.7a7.4 7.4 0 0 0 10.4-7l-.9-25.8q2.2-1.8 4.4-3.6l25 5.9a7.4 7.4 0 0 0 8.8-8.8l-5.9-25.2q1.8-2.2 3.6-4.4l25.8.9a7.2 7.2 0 0 0 6.4-3.3 7.4 7.4 0 0 0 .6-7.1l-10.7-23.4c.9-1.7 1.8-3.4 2.7-5.2l25.4-4.2a7.4 7.4 0 0 0 4.8-11.5l-15-20.8c.6-1.9 1.1-3.8 1.7-5.7l24-9a7.4 7.4 0 0 0 2.4-12.3l-18.7-17.5c.2-2 .4-3.9.6-5.9l21.8-13.5a7.4 7.4 0 0 0 0-12.5zm-151 129.1a13.9 13.9 0 0 0 -16.5 10.6l-7.6 35.7a187.5 187.5 0 0 1 -156.4-.8l-7.6-35.7a13.9 13.9 0 0 0 -16.5-10.7l-31.5 6.8a187.4 187.4 0 0 1 -16.3-19.2h153.2c1.7 0 2.9-.3 2.9-1.9v-54.1c0-1.6-1.2-1.9-2.9-1.9h-44.8l.1-34.4h48.4c4.4 0 23.7 1.3 29.8 25.9 1.9 7.6 6.2 32.1 9.1 40 2.9 8.8 14.6 26.5 27.1 26.5h79a187.3 187.3 0 0 1 -17.3 20.1zm25.8 34.5a15.2 15.2 0 1 1 -15.3-15.3h.4a15.2 15.2 0 0 1 14.8 15.2zm-225.6-.7a15.2 15.2 0 1 1 -15.3-15.3h.5a15.3 15.3 0 0 1 14.7 15.2zm-88.1-178.5 32.8-14.6a13.9 13.9 0 0 0 7.1-18.3l-6.8-15.3h26.6v119.7h-53.6a187.7 187.7 0 0 1 -6.1-71.5zm-11.3-36.1a15.2 15.2 0 0 1 15.2-15.3h.5a15.2 15.2 0 1 1 -15.7 15.2zm155.2 24.5.1-35.3h63.3c3.3 0 23.1 3.8 23.1 18.6 0 12.3-15.2 16.7-27.7 16.7zm185.5 84.1c-9.8 1.1-20.6-4.1-22-10.1-5.8-32.5-15.4-39.4-30.6-51.4 18.9-12 38.5-29.6 38.5-53.3 0-25.5-17.5-41.6-29.4-49.5-16.8-11-35.3-13.2-40.3-13.2h-198.9a187.5 187.5 0 0 1 104.9-59.1l23.5 24.6a13.8 13.8 0 0 0 19.6.4l26.3-25a187.5 187.5 0 0 1 128.4 91.4l-18 40.6a14 14 0 0 0 7 18.3l34.6 15.3a187.1 187.1 0 0 1 .4 32.5h-19.3c-1.9 0-2.7 1.3-2.7 3.1v8.8c0 20.9-11.7 25.5-22 26.6zm-159-246.5a15.2 15.2 0 0 1 15.2-15.2h.5a15.2 15.2 0 1 1 -15.7 15.2zm196.8 153.8a15.2 15.2 0 1 1 0-30.5h.4a15.2 15.2 0 0 1 -.4 30.5z"/></svg>

static/portfolio/img/screwdriver-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m465 7c-8.5-8.5-22-9.4-31.6-2.1l-104 80c-5.9 4.5-9.4 11.6-9.4 19v54.1l-85.6 85.6c6.7 4.2 13 9.3 18.8 15.1s10.9 12.2 15.1 18.8l85.6-85.5h54.1c7.5 0 14.5-3.5 19-9.4l80-104c7.4-9.6 6.5-23.1-2.1-31.6zm-343.6 274.4-112 112c-12.5 12.5-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0l112-112c30.2-30.2 30.2-79.1 0-109.3s-79.1-30.2-109.3 0z"/></svg>

static/portfolio/img/scroll-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="m0 80v48c0 17.7 14.3 32 32 32h16 48v-80c0-26.5-21.5-48-48-48s-48 21.5-48 48zm112-48c10 13.4 16 30 16 48v304c0 35.3 28.7 64 64 64s64-28.7 64-64v-5.3c0-32.4 26.3-58.7 58.7-58.7h165.3v-192c0-53-43-96-96-96zm352 448c61.9 0 112-50.1 112-112 0-8.8-7.2-16-16-16h-245.3c-14.7 0-26.7 11.9-26.7 26.7v5.3c0 53-43 96-96 96h176z"/></svg>

static/portfolio/img/server-solid.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m64 32c-35.3 0-64 28.7-64 64v64c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64v-64c0-35.3-28.7-64-64-64zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm48 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zm-328 160c-35.3 0-64 28.7-64 64v64c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64v-64c0-35.3-28.7-64-64-64zm280 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm56 24a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"/></svg>

static/portfolio/img/square-js.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="m448 96c0-35.3-28.7-64-64-64h-320c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zm-267.1 348.9c-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5v-143.1h42.1v143.7c0 43.6-25.6 63.5-62.9 63.5zm85.8-43 34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7l-32.8 21c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6-39.1 0-64.4-18.6-76.7-43z"/></svg>

static/portfolio/img/timeline_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M120-240q-33 0-56.5-23.5T40-320q0-33 23.5-56.5T120-400h10.5q4.5 0 9.5 2l182-182q-2-5-2-9.5V-600q0-33 23.5-56.5T400-680q33 0 56.5 23.5T480-600q0 2-2 20l102 102q5-2 9.5-2h21q4.5 0 9.5 2l142-142q-2-5-2-9.5V-640q0-33 23.5-56.5T840-720q33 0 56.5 23.5T920-640q0 33-23.5 56.5T840-560h-10.5q-4.5 0-9.5-2L678-420q2 5 2 9.5v10.5q0 33-23.5 56.5T600-320q-33 0-56.5-23.5T520-400v-10.5q0-4.5 2-9.5L420-522q-5 2-9.5 2H400q-2 0-20-2L198-340q2 5 2 9.5v10.5q0 33-23.5 56.5T120-240Z"/></svg>

static/portfolio/img/windows.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="m0 93.7 183.6-25.3v177.4h-183.6zm0 324.6 183.6 25.3v-175.2h-183.6zm203.8 28 244.2 33.7v-211.6h-244.2zm0-380.6v180.1h244.2v-213.8z"/></svg>

static/portfolio/index.html

@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Trude's Portfolio Website" />
+    <title>TrudeWeb</title>
+    <link rel="stylesheet" href="css/main.css" />
+    <link rel="stylesheet" href="css/hero.css" />
+    <link rel="stylesheet" href="css/nav.css" />
+    <link rel="stylesheet" href="css/certs.css" />
+    <link rel="stylesheet" href="css/projects.css" />
+    <link rel="stylesheet" href="css/timeline.css" />
+  </head>
+  <body>
+    <div class="nav-container">
+      <nav id="nav">
+        <img
+          class="nav-logo"
+          src="img/dragon_logo.svg"
+          onclick="menuToggle(this)"
+          alt="Trude's Logo"
+        />
+        <div id="nav-container">
+          <ul>
+            <li>
+              <a href="#" aria-label="Home"
+                ><img src="img/home_FILL0_wght400_GRAD0_opsz24.svg" alt=""
+              /></a>
+            </li>
+            <li>
+              <a href="#certs" aria-label="Certificates"
+                ><img src="img/license_FILL0_wght400_GRAD0_opsz24.svg" alt=""
+              /></a>
+            </li>
+            <li>
+              <a href="#projects" aria-label="Projects"
+                ><img src="img/build_FILL0_wght400_GRAD0_opsz24.svg" alt=""
+              /></a>
+            </li>
+            <li>
+              <a href="#timeline" aria-label="Timeline"
+                ><img
+                  src="img/timeline_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg"
+                  alt=""
+              /></a>
+            </li>
+            <li>
+              <a href="#contact" aria-label="Contact"
+                ><img src="img/call_FILL0_wght400_GRAD0_opsz24.svg" alt=""
+              /></a>
+            </li>
+          </ul>
+        </div>
+      </nav>
+    </div>
+    <div class="hero-container">
+      <main class="hero">
+        <div class="hero-text">
+          <h1 class="effect-shine">
+            <a href="#" class="effect-shine">José Simões</a>
+          </h1>
+          <h2>Software Developer</h2>
+        </div>
+        <div class="hero-logo">
+          <div class="hero-logo-image"></div>
+          <div class="hero-logo-icon-2"></div>
+          <div class="hero-logo-icon"></div>
+        </div>
+      </main>
+    </div>
+
+    <div class="certs-container">
+      <article id="certs">
+        <div class="title-bubble title-main">Certificates</div>
+        <div class="item-container">
+          <div class="certs-item">
+            <img src="img/mDip-prev.webp" alt="" />
+            <div class="certs-actions">
+              <a href="img/mDip.webp" target="_blank">Open Document</a>
+              <a href="https://www.esmonserrate.org/public/" target="_blank"
+                >Visit Website</a
+              >
+            </div>
+          </div>
+          <div class="certs-item">
+            <img src="img/CS50x-prev.webp" alt="" />
+            <div class="certs-actions">
+              <a href="img/CS50x.webp" target="_blank">Open Document</a>
+              <a
+                href="https://www.edx.org/learn/computer-science/harvard-university-cs50-s-introduction-to-computer-science"
+                target="_blank"
+                >Visit Website</a
+              >
+            </div>
+          </div>
+        </div>
+      </article>
+    </div>
+
+    <div class="projects-container">
+      <article id="projects">
+        <div class="title-bubble title-main">Projects</div>
+        <div class="item-container">
+          <div class="projects-item">
+            <div class="title-bubble">
+              XPrism - <img src="img/linux.svg" alt="" /> Desktop (EOL)
+            </div>
+            <img src="img/XPrism-screen.webp" alt="" />
+            <div class="projects-actions">
+              <a href="https://github.com/TrudeEH/XPrism" target="_blank"
+                >Source Code</a
+              >
+              <a
+                href="https://trudeeh.github.io/XPrismWeb/index.html"
+                target="_blank"
+                >Visit Website</a
+              >
+            </div>
+          </div>
+          <div class="projects-item">
+            <div class="title-bubble">trude.dev - Personal Blog</div>
+            <img src="img/trudedev.webp" alt="" />
+            <div class="projects-actions">
+              <a href="https://github.com/TrudeEH/web" target="_blank"
+                >Source Code</a
+              >
+              <a href="https://trude.dev" target="_blank">Visit Website</a>
+            </div>
+          </div>
+          <div class="projects-item">
+            <div class="title-bubble">
+              <img src="img/linux.svg" alt="" /> Dotfiles
+            </div>
+            <img src="img/sc1.webp" alt="" />
+            <div class="projects-actions">
+              <a href="https://github.com/TrudeEH/dotfiles" target="_blank"
+                >Source Code</a
+              >
+            </div>
+          </div>
+          <div class="projects-item">
+            <div class="title-bubble">
+              Wayland <img src="img/linux.svg" alt="" /> Desktop
+            </div>
+            <img src="img/TrudeLand.webp" alt="" />
+            <div class="projects-actions">
+              <a href="https://github.com/TrudeEH/TrudeLand2" target="_blank"
+                >Source Code</a
+              >
+            </div>
+          </div>
+        </div>
+      </article>
+    </div>
+    <div class="timeline-container">
+      <article id="timeline">
+        <div class="title-bubble title-main">Timeline</div>
+        <div class="timeline">
+          <div class="checkpoint">
+            <div class="timeline-item">
+              <div class="checkpoint-item-bubble">2015</div>
+              <p>
+                My journey began here. I was 10y old at the time, and I was
+                gifted an arduino, and some components. I soon started studying
+                C and the basics of electronics.
+              </p>
+            </div>
+          </div>
+          <div class="checkpoint">
+            <div class="timeline-item">
+              <div class="checkpoint-item-bubble">2016-2020</div>
+              <p>
+                During these years, I was busy with school, but I kept learning.
+                I eventually learned HTML, CSS, and got started with JavaScript,
+                Python, Bash and many other languages. I also switched to Linux
+                and began exploring as much as I could, while also learning more
+                about cybersecurity, and the core concepts of many other
+                languages, scripting, git and crypto.
+              </p>
+            </div>
+          </div>
+          <div class="checkpoint">
+            <div class="timeline-item">
+              <div class="checkpoint-item-bubble">2020-2023</div>
+              <p>
+                I eventually moved on to a professional course, now focused on
+                programming, and dove deeper into C and Linux. For the final
+                project of the course, I developed a desktop environment for X
+                (Linux display server), which allows the user to run and manage
+                graphical apps efficiently, while using as little resources as
+                possible. <br />
+                I spent some time optimizing my workflow as well, trying to be
+                as productive as possible.
+              </p>
+            </div>
+          </div>
+          <div class="checkpoint">
+            <div class="timeline-item">
+              <div class="checkpoint-item-bubble">2023-2024</div>
+              <p>
+                After finishing the course, I decided to take CS50, and
+                completed it a few months later, gaining a much deeper knowledge
+                of computer science, C, and low-level programming. I then
+                created my own websites: A blog, and this web portfolio.
+                <br />
+                I kept developing my desktop environment and mantaining a few
+                tools to easily configure new Linux systems as well.
+              </p>
+            </div>
+          </div>
+          <div class="checkpoint">
+            <div class="timeline-item">
+              <div class="checkpoint-item-bubble">2024-Now</div>
+              <p>
+                For the last few months, I kept maintaining my previous
+                projects, got my driving license, and now I am developing some
+                new projects, as well as studying lower level CS concepts.
+              </p>
+            </div>
+          </div>
+        </div>
+      </article>
+    </div>
+    <div class="contact-container">
+      <article id="contact">
+        <div class="title-bubble title-main">Contact Me</div>
+        <div class="contact-bubble">
+          <a href="https://github.com/TrudeEH"
+            ><img src="img/github.svg" alt="Email"
+          /></a>
+          <a href="mailto:ehtrude@gmail.com"
+            ><img
+              src="img/alternate_email_FILL0_wght400_GRAD0_opsz24.svg"
+              alt="Email"
+          /></a>
+        </div>
+      </article>
+    </div>
+
+    <script src="index.js"></script>
+  </body>
+</html>

static/portfolio/index.js

@@ -0,0 +1,20 @@
+const navElements = document.querySelectorAll("nav #nav-container a");
+pointer = 1;
+
+function menuToggle(x) {
+  if (x.classList.contains("menuAlt")) {
+    document.getElementById("nav").classList.add("nav-open");
+    setTimeout(() => {
+      document.getElementById("nav").classList.remove("nav-open");
+      document.getElementById("nav-container").style.display = "flex";
+    }, 200);
+  } else {
+    document.getElementById("nav").classList.add("nav-close");
+    document.getElementById("nav-container").style.display = "none";
+    setTimeout(() => {
+      document.getElementById("nav").classList.remove("nav-close");
+    }, 200);
+  }
+  x.classList.toggle("menuAlt");
+  document.getElementById("nav").classList.toggle("hide");
+}