From c1f8d9499216d0a0f2808a57a80a6f5306e7dc34 Mon Sep 17 00:00:00 2001 From: Keyemail Date: Sun, 2 Jun 2024 17:44:20 -0700 Subject: [PATCH] Added badges, changed background --- public/index.html | 2 +- src/assets/badges/code.svg | 1 + src/assets/badges/css.svg | 1 + src/assets/badges/html.svg | 1 + src/assets/badges/js.svg | 1 + src/assets/badges/vue.svg | 1 + src/components/WeatherApp.vue | 11 ------ src/views/HomePage.vue | 72 +++++++++++++++++++++++++++++------ 8 files changed, 67 insertions(+), 23 deletions(-) create mode 100644 src/assets/badges/code.svg create mode 100644 src/assets/badges/css.svg create mode 100644 src/assets/badges/html.svg create mode 100644 src/assets/badges/js.svg create mode 100644 src/assets/badges/vue.svg delete mode 100644 src/components/WeatherApp.vue diff --git a/public/index.html b/public/index.html index ecc2aa9..e0f066e 100644 --- a/public/index.html +++ b/public/index.html @@ -1,5 +1,5 @@ - + diff --git a/src/assets/badges/code.svg b/src/assets/badges/code.svg new file mode 100644 index 0000000..c85afe8 --- /dev/null +++ b/src/assets/badges/code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/badges/css.svg b/src/assets/badges/css.svg new file mode 100644 index 0000000..51338c4 --- /dev/null +++ b/src/assets/badges/css.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/badges/html.svg b/src/assets/badges/html.svg new file mode 100644 index 0000000..29382dd --- /dev/null +++ b/src/assets/badges/html.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/badges/js.svg b/src/assets/badges/js.svg new file mode 100644 index 0000000..80a1922 --- /dev/null +++ b/src/assets/badges/js.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/badges/vue.svg b/src/assets/badges/vue.svg new file mode 100644 index 0000000..f861daa --- /dev/null +++ b/src/assets/badges/vue.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/WeatherApp.vue b/src/components/WeatherApp.vue deleted file mode 100644 index a7584bc..0000000 --- a/src/components/WeatherApp.vue +++ /dev/null @@ -1,11 +0,0 @@ - - - - - \ No newline at end of file diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue index 03b9069..579f3cb 100644 --- a/src/views/HomePage.vue +++ b/src/views/HomePage.vue @@ -2,8 +2,27 @@
- -

Keyemail

+ +
+

Keyemail

+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+

Hi, I'm Keyemail or Patrick.

@@ -28,7 +47,6 @@ export default { } } } - var counter = 0; @@ -37,22 +55,47 @@ header { display: flex; align-items: center; margin-top: 20px; - background-image: url(@/assets/banner_website.avif); - background-repeat: no-repeat; - background-size: cover; - background-position: center 20%; + background: repeating-linear-gradient( + -45deg, + #200080, + #200080 20px, + #090069 20px, + #090069 40px + ); height: 180px; width: 100%; - background-color: #0df; border-radius: 10px; font-family: 'Rubik', sans-serif; } +#name { + margin-left: 20px; +} + header h1 { color: white; - margin-left: 20px; font-size: 3rem; - -webkit-text-stroke: 1px black; +} + +header ul { + display: flex; + flex-direction: row; + margin-bottom: 10px; + width: fit-content; +} + +header li { + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + margin-right: 5px; + background-color: #151d2f; + height: 30px; + width: 30px; + box-sizing: border-box; + border-radius: 5px; + cursor: pointer; } .pfp { @@ -163,6 +206,13 @@ article input { height: 240px; justify-content: center; } + header #name { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin-left: 0; + } header h1 { margin-left: 0px; } @@ -174,6 +224,6 @@ article input { } .pfp{ margin-left: 0px; - } + } }