diff --git a/src/assets/badges/git.svg b/src/assets/badges/git.svg new file mode 100644 index 0000000..5d688bb --- /dev/null +++ b/src/assets/badges/git.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/badges/linux.svg b/src/assets/badges/linux.svg new file mode 100644 index 0000000..6ca2f35 --- /dev/null +++ b/src/assets/badges/linux.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/badges/nginx.svg b/src/assets/badges/nginx.svg new file mode 100644 index 0000000..b024475 --- /dev/null +++ b/src/assets/badges/nginx.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/home.tmpl b/src/pages/home.tmpl index fd05f1f..c6c1b29 100644 --- a/src/pages/home.tmpl +++ b/src/pages/home.tmpl @@ -46,6 +46,18 @@
Go
+
  • + +
    Git
    +
  • +
  • + +
    Linux
    +
  • +
  • + +
    nginx
    +
  • diff --git a/src/scripts/gallery.js b/src/scripts/gallery.js deleted file mode 100644 index e69de29..0000000 diff --git a/src/scripts/main.js b/src/scripts/main.js deleted file mode 100644 index e69de29..0000000 diff --git a/src/scripts/video.js b/src/scripts/video.js deleted file mode 100644 index e69de29..0000000 diff --git a/src/styles/home.css b/src/styles/home.css index bd2b224..c56c10b 100644 --- a/src/styles/home.css +++ b/src/styles/home.css @@ -21,6 +21,9 @@ header { } .pfp { + display: flex; + align-items: center; + justify-content: center; height: 130px !important; width: 130px !important; border: solid; @@ -30,6 +33,7 @@ header { overflow: hidden; margin-left: 20px; user-select: none; + flex-shrink: 0; img { width:100%; @@ -68,7 +72,8 @@ header { ul { display: flex; flex-direction: row; - width: fit-content; + flex-wrap: wrap; + max-width: 300px; gap: 5px; user-select: none; } @@ -154,7 +159,8 @@ header { @media screen and (max-width: 450px){ header { flex-direction: column; - height: 240px; + height: fit-content; + padding: 30px; justify-content: center; } #name { @@ -163,6 +169,9 @@ header { justify-content: center; align-items: center; margin-left: 0; + ul { + justify-content: center; + } } header h1 {