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
+
+
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;
- }
+ }
}
+
+ 
+
+ 
+
+ 
+
+ 
+
+