diff --git a/build.sh b/build.sh old mode 100755 new mode 100644 diff --git a/go.mod b/go.mod index fc56b55..4a032da 100644 --- a/go.mod +++ b/go.mod @@ -1,3 +1,3 @@ module keyemail-dev-v1.0 -go 1.22.3 +go 1.23 diff --git a/main.go b/main.go index 2ba5640..0fd487c 100644 --- a/main.go +++ b/main.go @@ -47,7 +47,7 @@ type VideoItems struct { var data = &Index{ WebpageTitle: "Keyemail", - WebpageIcon: "/src/assets/main/favicon.ico", + WebpageIcon: "/src/assets/main/favicon.png", WebpageKeywords: "keyemail", WebpageDescription: "Welcome to keyemail.dev! A profile based on Keyemail.", WebpageURL: "https://keyemail.dev", @@ -82,7 +82,7 @@ var socialItems = []SocialItems{ {"https://steamcommunity.com/id/keyemail/", "Steam", "Keyemail", "/src/assets/icons/steam.svg", "000000"}, {"https://open.spotify.com/user/316yuurxrw3zcprxsnrvgamxktp4", "Spotify", "Keyemail", "/src/assets/icons/spotify.svg", "1DB954"}, {"https://www.youtube.com/channel/UCCNkKG8XoZCh52vLCbXYy7g", "YouTube", "Keyemail", "/src/assets/icons/youtube.svg", "CD201F"}, - {"https://www.instagram.com/keyemail1?igsh=OGQ5ZDc2ODk2ZA%3D%3D&utm_source=qr", "Instagram", "keyemail1", "/src/assets/icons/instagram.svg", "C13584"}, + {"https://bsky.app/profile/keyemail.dev", "Bluesky", "Keyemail", "/src/assets/icons/bluesky.svg", "1185FE"}, } var videoItems = []VideoItems{ @@ -197,9 +197,17 @@ func main() { } fs := http.FileServer(http.Dir("./src")) - http.Handle("/src/", http.StripPrefix("/src/", fs)) - port := ":3939" + http.HandleFunc("/src/", func(w http.ResponseWriter, r *http.Request) { + if r.URL.Path[len(r.URL.Path)-1] == '/' { + renderTemplate(w, "404", data, true) + return + } + + http.StripPrefix("/src/", fs).ServeHTTP(w,r) + }) + + port := ":3940" http.HandleFunc("/", indexHandler) http.HandleFunc("/socials", socialsHandler) diff --git a/src/assets/icons/bluesky.svg b/src/assets/icons/bluesky.svg new file mode 100644 index 0000000..4509cf3 --- /dev/null +++ b/src/assets/icons/bluesky.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/instagram.svg b/src/assets/icons/instagram.svg deleted file mode 100644 index 403e6f4..0000000 --- a/src/assets/icons/instagram.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/assets/main/favicon.ico b/src/assets/main/favicon.ico deleted file mode 100644 index c9fa5a6..0000000 Binary files a/src/assets/main/favicon.ico and /dev/null differ diff --git a/src/assets/main/favicon.png b/src/assets/main/favicon.png new file mode 100644 index 0000000..91aed69 Binary files /dev/null and b/src/assets/main/favicon.png differ diff --git a/src/assets/profile/header.png b/src/assets/profile/header.png new file mode 100644 index 0000000..a7cc09a Binary files /dev/null and b/src/assets/profile/header.png differ diff --git a/src/assets/profile/profile.jpg b/src/assets/profile/profile.jpg index 222c066..8696910 100644 Binary files a/src/assets/profile/profile.jpg and b/src/assets/profile/profile.jpg differ diff --git a/src/pages/home.tmpl b/src/pages/home.tmpl index cdcf1b6..ba26cbc 100644 --- a/src/pages/home.tmpl +++ b/src/pages/home.tmpl @@ -8,72 +8,76 @@ {{ define "body" }}
- +
+ +
+ -
-

Keyemail

- +
+
+
    +
  • + +
    Active Developer
    +
    • +
  • + +
    HTML
    +
    • +
  • + +
    CSS
    +
    • +
  • + +
    Javascript
    +
    • +
  • + +
    Typescript
    +
    • +
  • + +
    Vue 3
    +
    • +
  • + +
    React
    +
    • +
  • + +
    Go
    +
    • +
  • + +
    Git
    +
    • +
  • + +
    Linux
    +
    • +
  • + +
    nginx
    +
    • +
  • + +
    Java
    +
    • +
+
+

Keyemail・Patrick

+

He/Him

-

Hi, I'm Keyemail or Patrick.

-

I specialize in IT and web development-related stuff, but I also love doing a variety of different hobbies such as Flight Simulator, or learning Japanese. I daily run an Arch Linux machine as my main system and support Linux in every way. I'm glad to meet you!

+

Hi, I'm Keyemail or Patrick!

+

A person who loves to play with all types of technology! Does web development, and unity work for development. Use to run a Linux setup (Arch Linux), but now I use Windows 11 with linux on WSL. I also use VR, and you will usually find me on VRChat, so if you see me dont be afraid to say hi!

- -
Nothing...
- + {{ end }} diff --git a/src/styles/home.css b/src/styles/home.css index f45c72d..39d3bfa 100644 --- a/src/styles/home.css +++ b/src/styles/home.css @@ -7,24 +7,32 @@ body { header { display: flex; - align-items: center; + flex-direction: column; margin-top: 20px; - background: repeating-linear-gradient( - -45deg, - #200080, - #200080 20px, - #090069 20px, - #090069 40px - ); - height: 180px; + background-color: var(--bg-alt-color); + height: 430px; width: 100%; border-radius: 10px; font-family: 'Rubik', sans-serif; h1 { color: white; - font-size: 3rem; + font-size: 3rem; + margin-left: 20px; } + p { + color: white; + font-size: 1.5rem; + margin-left: 20px; + margin-bottom: 20px; + } +} + +#headercontent { + display: flex; + height: 100%; + width: 100%; + align-items: center; } .pfp { @@ -34,11 +42,12 @@ header { height: 130px !important; width: 130px !important; border: solid; - border-width: 4px; + border-width: 6px; border-radius: 50%; - border-color: white; + border-color: var(--bg-alt-color); overflow: hidden; margin-left: 20px; + margin-top: -50px; user-select: none; flex-shrink: 0; @@ -50,8 +59,25 @@ header { } } +#headerImg { + height: 250px; + width: 100%; + user-select: none; + overflow: hidden; + border-top-left-radius: inherit; + border-top-right-radius: inherit; + flex-grow: 1; + flex-shrink: 0; + img { + height: 100%; + width: 100%; + object-fit: cover; + } +} + #name { - margin-left: 20px; + margin-top: -80px; + margin-left: 160px; div { display: none; top: calc(100% + 5px); @@ -89,7 +115,6 @@ header { position: relative; display: inherit; text-decoration: none; - background-color: var(--bg-alt-color); height: 30px; width: 30px; padding: 3px; @@ -136,27 +161,7 @@ header { color: white; margin: 40px auto; margin-top: 80px; - - div { - display: none; - align-items: center; - top: calc(100% + 5px); - left: 50%; - pointer-events: none; - position: absolute; - translate: -50%; - z-index: 1; - white-space: nowrap; - padding: 5px; - height: 20px; - background-color: #151d2f; - color: white; - font-family: 'Rubik', sans-serif; - font-size: 1rem; - font-weight: 200; - box-sizing: content-box; - border-radius: 5px; - } + margin-bottom: 0; } #moreArrow:hover div { @@ -167,8 +172,14 @@ header { header { flex-direction: column; height: fit-content; - padding: 30px; justify-content: center; + align-items: center; + } + #headerImg { + height: 150px; + } + #headercontent { + max-width: 300px; } #name { display: flex; @@ -176,6 +187,7 @@ header { justify-content: center; align-items: center; margin-left: 0; + margin-top: 10px; ul { justify-content: center; } @@ -183,6 +195,10 @@ header { header h1 { margin-left: 0px; + font-size: 2rem; + } + header p { + font-size: 1.5rem; } #intro h1 { font-size: 3rem;