diff --git a/public/assets/favicon.ico b/public/assets/favicon.ico
new file mode 100644
index 0000000..aa16e43
Binary files /dev/null and b/public/assets/favicon.ico differ
diff --git a/public/assets/logo.svg b/public/assets/logo.svg
new file mode 100644
index 0000000..9d07b03
--- /dev/null
+++ b/public/assets/logo.svg
@@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
+   sodipodi:docname="Gothub.svg"
+   inkscape:export-filename="Gothub.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="0.60628882"
+     inkscape:cx="204.52299"
+     inkscape:cy="382.65591"
+     inkscape:window-width="1916"
+     inkscape:window-height="1052"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="false">
+    <sodipodi:guide
+       position="141.16404,382.07517"
+       orientation="0,-1"
+       id="guide1429"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="135.2539,98.226561"
+       orientation="1,0"
+       id="guide1431"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="125.36911,129.87502"
+       orientation="0,-1"
+       id="guide1433"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-107.88155,247.25285"
+       orientation="0,-1"
+       id="guide1504"
+       inkscape:locked="false" />
+    <inkscape:grid
+       type="xygrid"
+       id="grid1525" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;fill-opacity:1;stroke:#00b7c3;stroke-width:22.4136;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 123.99325,141.11509 15.329564,264.35212 123.99399,370.88491"
+       id="path1053"
+       sodipodi:nodetypes="ccc" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#00b7c3;stroke-width:22.4136;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 387.90046,141.11509 496.56415,264.35212 387.89972,370.88491"
+       id="path1053-3"
+       sodipodi:nodetypes="ccc" />
+    <g
+       id="g1305"
+       transform="matrix(1.1468686,0,0,0.98629683,-12.004035,4.5194566)">
+      <g
+         id="g1319"
+         transform="translate(-2.1562723e-7,-23.280551)">
+        <g
+           id="g1309"
+           transform="matrix(0.87193947,0,0,1.0138936,14.476872,-4.5822479)">
+          <path
+             style="fill:#00b7c3;fill-opacity:1;fill-rule:evenodd;stroke:#00b7c3;stroke-width:11.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             id="path1178"
+             sodipodi:type="arc"
+             sodipodi:cx="177.40547"
+             sodipodi:cy="224.18903"
+             sodipodi:rx="26.364464"
+             sodipodi:ry="25.116173"
+             sodipodi:start="4.3181725"
+             sodipodi:end="4.3135488"
+             sodipodi:arc-type="arc"
+             d="m 167.27928,200.99932 a 26.364464,25.116173 0 0 1 34.45672,13.51616 26.364464,25.116173 0 0 1 -14.14809,32.84089 26.364464,25.116173 0 0 1 -34.48943,-13.44024 26.364464,25.116173 0 0 1 14.06836,-32.87196"
+             sodipodi:open="true" />
+          <path
+             style="fill:#00b7c3;fill-opacity:1;fill-rule:evenodd;stroke:#00b7c3;stroke-width:11.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             id="path1178-6"
+             sodipodi:type="arc"
+             sodipodi:cx="325.32684"
+             sodipodi:cy="224.18903"
+             sodipodi:rx="26.364464"
+             sodipodi:ry="25.116173"
+             sodipodi:start="4.3181725"
+             sodipodi:end="4.3135488"
+             sodipodi:arc-type="arc"
+             d="m 315.20065,200.99932 a 26.364464,25.116173 0 0 1 34.45672,13.51616 26.364464,25.116173 0 0 1 -14.14809,32.84089 26.364464,25.116173 0 0 1 -34.48943,-13.44024 26.364464,25.116173 0 0 1 14.06836,-32.87196"
+             sodipodi:open="true" />
+        </g>
+        <g
+           id="g1323"
+           style="stroke-width:15.8562;stroke-dasharray:none">
+          <path
+             style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#00b7c3;stroke-width:15.8562;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             id="path1279"
+             sodipodi:type="arc"
+             sodipodi:cx="197.87245"
+             sodipodi:cy="307.86673"
+             sodipodi:rx="35.728931"
+             sodipodi:ry="49.459"
+             sodipodi:start="6.1693083"
+             sodipodi:end="2.8402113"
+             sodipodi:arc-type="arc"
+             d="m 233.36997,302.24665 a 35.728931,49.459 0 0 1 -28.13234,54.01682 35.728931,49.459 0 0 1 -41.48371,-33.71535"
+             sodipodi:open="true" />
+          <path
+             style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#00b7c3;stroke-width:15.8562;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+             id="path1279-7"
+             sodipodi:type="arc"
+             sodipodi:cx="-269.4339"
+             sodipodi:cy="307.93939"
+             sodipodi:rx="35.728931"
+             sodipodi:ry="49.459"
+             sodipodi:start="6.1693083"
+             sodipodi:end="2.8402113"
+             sodipodi:arc-type="arc"
+             d="m -233.93638,302.31931 a 35.728931,49.459 0 0 1 -28.13234,54.01682 35.728931,49.459 0 0 1 -41.48371,-33.71535"
+             sodipodi:open="true"
+             transform="scale(-1,1)" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/public/css/global.css b/public/css/global.css
new file mode 100644
index 0000000..f89f031
--- /dev/null
+++ b/public/css/global.css
@@ -0,0 +1,380 @@
+/* god bless you */
+
+:root {
+  --text: #fff;
+  --background: #252525;
+  --secondary-background: #353535;
+  --background-darker: #151515;
+  --accent: #00b7c3;
+  --yellow: #8b8000;
+  color-scheme: dark;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
+    helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
+    sans-serif;
+  color: var(--text);
+  background-color: var(--background-darker);
+  transition: ease-in-out 0.25s;
+  margin: 0;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  background: var(--background);
+}
+
+main {
+  margin: 0 24vw;
+}
+
+.margin-ow {
+  margin: 0 12vw;
+}
+
+pre {
+  overflow: scroll;
+  background: var(--secondary-background);
+  border-radius: 4px;
+  padding: 4px;
+}
+
+#wrap {
+  display: flex;
+}
+.navbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: row;
+  padding: 8px;
+
+  margin-bottom: 8px;
+
+  background-color: var(--background);
+}
+
+.index-gh {
+  background: var(--background);
+  color: var(--text);
+  padding: 4px;
+  border-radius: 8px;
+}
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  transition: ease-in-out 0.25s;
+  color: var(--text);
+}
+
+.navbar-slogan:hover {
+  text-decoration: underline;
+  text-underline-offset: 5px;
+}
+
+.brand:hover {
+  color: var(--text);
+  text-decoration: underline;
+}
+
+.error {
+  background-color: var(--background);
+  padding: 8px;
+  border-radius: 4px;
+  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
+    helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
+    sans-serif;
+  color: var(--text);
+}
+
+.center {
+  text-align: center;
+}
+
+a {
+  color: var(--text);
+  text-decoration: underline;
+  text-underline-offset: 5px;
+}
+
+a:hover {
+  color: var(--accent);
+}
+
+.setup-notice {
+  background-color: var(--yellow);
+  padding: 8px;
+  border-radius: 4px;
+  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
+    helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
+    sans-serif;
+  color: var(--text);
+}
+
+.setup-notice > a {
+  text-decoration: underline;
+  text-underline-offset: 5px;
+}
+
+.setup-notice > a:hover {
+  color: var(--text);
+  opacity: 1;
+}
+
+/* URI: /explore */
+
+.explore-card,
+.user-repo-card {
+  background-color: var(--background);
+  padding: 8px;
+  border-radius: 4px;
+  margin: 8px 0 8px 0;
+
+  text-overflow: ellipsis;
+  white-space: wrap;
+  text-decoration: none;
+  display: flex;
+
+  transition: ease-in-out 0.25s;
+}
+
+.explore-card:hover,
+.user-repo-card:hover {
+  background-color: var(--secondary-background);
+  color: var(--text);
+}
+
+/* URI: /:user */
+
+.user-profile {
+  background-color: var(--background);
+  padding: 8px;
+  border-radius: 4px;
+  margin: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.user-profile h1 {
+  color: var(--accent);
+  margin: 4px;
+  word-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow-wrap: anywhere;
+}
+
+.user-profile h2 {
+  margin: 4px;
+}
+
+.user-profile p {
+  margin: 4px;
+}
+
+.user-profile img {
+  border: 4px solid var(--accent);
+  border-radius: 50%;
+}
+
+.user-bio,
+.user-readme {
+  background-color: var(--background);
+  padding: 8px;
+  border-radius: 4px;
+  margin: 8px;
+}
+
+.user-bio-text,
+.user-readme-text {
+  background-color: var(--background-darker);
+  padding: 8px;
+  border-radius: 4px;
+  margin-bottom: 0;
+}
+
+.user-readme-text {
+  margin-top: 0;
+}
+
+.social-links {
+  display: flex;
+  flex-direction: column;
+}
+
+.user-repo-card {
+  background-color: var(--background-darker);
+  padding: 4px;
+  border-radius: 4px;
+  margin: 8px 0 8px 0;
+
+  text-overflow: ellipsis;
+  white-space: wrap;
+  text-decoration: none;
+  display: flex;
+  flex-direction: column;
+
+  transition: ease-in-out 0.25s;
+}
+
+.user-repo-card > p {
+  margin: 8px;
+}
+
+.user-repo-card:hover {
+  background-color: var(--secondary-background);
+  color: var(--text);
+}
+
+.lang-bar:last-child {
+  margin-bottom: 0;
+}
+
+.lang-bar {
+  width: 100%;
+  display: inherit;
+  height: 10px;
+  border-radius:4px;
+  overflow: hidden; /* To force the corners to be round. */
+  user-select: none; /* Prevent the selection */
+  -webkit-user-select: none; /* Safari specific fix. */
+}
+
+/* URI: /:user/:repo */
+.button {
+  background-color: var(--background);
+  padding: 8px;
+  border-radius: 4px;
+  margin: 8px;
+  color: var(--text);
+  text-decoration: none;
+  text-align: center;
+  display: inline-block;
+}
+
+.button:hover {
+  background-color: var(--secondary-background);
+  color: var(--text);
+}
+
+.button-parent {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+}
+
+.file-list {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
+.file-u-list {
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+}
+
+/* URI: /file/:user/:repo/:file */
+.user-readme pre {
+  padding: 8px;
+  border-radius: 4px;
+  /*white-space: pre-wrap;*/
+  overflow-x: auto;
+}
+
+.user-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.secondary {
+  background-color: var(--secondary-background);
+}
+
+/* Overwrite */
+
+.no-margin {
+  margin: 0;
+}
+
+.no-padding {
+  padding: 0;
+}
+
+.float-right {
+  float: right;
+  display: grid;
+  flex: none;
+  align-self: flex-start;
+}
+
+@media screen and (prefers-color-scheme: light) {
+  :root {
+    --text: #000;
+    --background: #ececec;
+    --secondary-background: #f5f5f5;
+    --background-darker: #dddddd;
+    --accent: #005ec3;
+    --yellow: #f5f5a5;
+    color-scheme: light;
+  }
+  a {
+    color: black;
+  }
+  a:hover {
+    color: #005ec3;
+  }
+  .explore-card {
+    background-color: var(--background);
+    color: #000;
+  }
+}
+
+@media screen and (max-width: 900px) {
+  main {
+    margin: 8px;
+  }
+
+  #wrap {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .float-right {
+    float: none;
+    display: inline-grid;
+  }
+
+  .navbar-slogan {
+    display: none;
+  }
+
+  .navbarImg {
+    height: 40px;
+  }
+
+  .explore-card {
+    margin-left: 0;
+    margin-bottom: 8px;
+    margin-right: 0;
+  }
+
+  .social-links {
+    flex-direction: column;
+  }
+}
+.cl {
+  padding-left: 8px;
+}
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..77470cb
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
\ No newline at end of file