Added homepage background; Flex-grow added; Updated README

README.md

@@ -43,3 +43,6 @@ No support is offered on this package, this is a personal project to learn Go.
 ## Credits
 
 Built by `keyemail`, `kuubeu` helped inspire this project, as well as some svg work.
+
+[BGJar for Backgrounds!](https://bgjar.com/)
+[AwesomeIcons for Icons!](https://fontawesome.com/)

src/assets/background.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="1920" height="1080" preserveAspectRatio="none" viewBox="0 0 1920 1080">
+    <g mask="url(&quot;#SvgjsMask1324&quot;)" fill="none">
+        <path d="M4 1080L1084 0L1357 0L277 1080z" fill="url(&quot;#SvgjsLinearGradient1325&quot;)"></path>
+        <path d="M663.6 1080L1743.6 0L2645.1 0L1565.1 1080z" fill="url(&quot;#SvgjsLinearGradient1325&quot;)"></path>
+        <path d="M1845 1080L765 0L531 0L1611 1080z" fill="url(&quot;#SvgjsLinearGradient1326&quot;)"></path>
+        <path d="M1207.4 1080L127.40000000000009 0L-730.5999999999999 0L349.4000000000001 1080z" fill="url(&quot;#SvgjsLinearGradient1326&quot;)"></path>
+        <path d="M897.0260320421177 1080L1920 57.02603204211766L1920 1080z" fill="url(&quot;#SvgjsLinearGradient1325&quot;)"></path>
+        <path d="M0 1080L1022.9739679578823 1080L 0 57.02603204211766z" fill="url(&quot;#SvgjsLinearGradient1326&quot;)"></path>
+    </g>
+    <defs>
+        <mask id="SvgjsMask1324">
+            <rect width="1920" height="1080" fill="#ffffff"></rect>
+        </mask>
+        <linearGradient x1="0%" y1="100%" x2="100%" y2="0%" id="SvgjsLinearGradient1325">
+            <stop stop-color="rgba(7, 44, 119, 0.2)" offset="0"></stop>
+            <stop stop-opacity="0" stop-color="rgba(7, 44, 119, 0.2)" offset="0.66"></stop>
+        </linearGradient>
+        <linearGradient x1="100%" y1="100%" x2="0%" y2="0%" id="SvgjsLinearGradient1326">
+            <stop stop-color="rgba(7, 44, 119, 0.2)" offset="0"></stop>
+            <stop stop-opacity="0" stop-color="rgba(7, 44, 119, 0.2)" offset="0.66"></stop>
+        </linearGradient>
+    </defs>
+</svg>

src/styles/gallery.css

@@ -5,6 +5,7 @@
   font-family: 'Rubik', sans-serif;
   padding: 20px;
   border-radius: 20px;
+  flex-grow: 1;
 
   h1 {
     font-weight: 500;

src/styles/home.css

@@ -1,3 +1,11 @@
+body {
+  background-image: url("/src/assets/background.svg");
+  background-repeat: no-repeat;
+  background-size:cover;
+  background-position: center;
+  background-attachment: fixed;
+}
+
 header {
   display: flex;
   align-items: center;

src/styles/main.css

@@ -9,7 +9,9 @@
 }
 
 body {
-  background-color: var(--bg-color)
+  background-color: var(--bg-color);
+
+  min-height: 100vh;
 }
 
 html, body {

src/styles/socials.css

@@ -8,7 +8,9 @@
   font-family: 'Rubik', sans-serif;
   padding: 20px;
   border-radius: 20px;
-
+  flex-grow: 1;
+  justify-content: center;
+  
   h1 {
     margin-bottom: 20px;
     font-size: 50px;

src/styles/video.css

@@ -5,6 +5,7 @@
   font-family: 'Rubik', sans-serif;
   padding: 20px;
   border-radius: 20px; 
+  flex-grow: 1;
 
   h1 {
     font-weight: 500;