diff --git a/website/assets/binkies/onzecki.png b/website/assets/binkies/onzecki.png
new file mode 100644
index 0000000..85602e7
Binary files /dev/null and b/website/assets/binkies/onzecki.png differ
diff --git a/website/assets/binkies/sadovh.png b/website/assets/binkies/sadovh.png
new file mode 100644
index 0000000..2bb9adf
Binary files /dev/null and b/website/assets/binkies/sadovh.png differ
diff --git a/website/assets/favicon.png b/website/assets/favicon.png
new file mode 100644
index 0000000..5a6c044
Binary files /dev/null and b/website/assets/favicon.png differ
diff --git a/website/assets/style.css b/website/assets/style.css
index ce8aa04..f0eb73e 100644
--- a/website/assets/style.css
+++ b/website/assets/style.css
@@ -17,9 +17,10 @@ a {
.order {
display: grid;
grid-template-areas:
- "one two"
- "one four"
- "three five";
+ "details skills"
+ "details donations"
+ "status binkies"
+ "stickers blog";
grid-gap: 5px;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(25vh, 6);
@@ -65,51 +66,64 @@ h6 {
margin: 0;
padding: 0;
}
-.one {
- grid-area: one;
+.details {
+ grid-area: details;
}
-.two {
- grid-area: two;
+.donations {
+ grid-area: donations;
}
-.three {
- grid-area: three;
+.status {
+ grid-area: status;
+}
+.stickers {
+ grid-area: stickers;
display: flex;
flex-direction: column;
max-height: 75vh;
gap: 20px;
}
-.three > img,
-.three > video {
+.stickers > img,
+.stickers > video {
object-fit: scale-down;
height: 100%;
}
-.four {
- grid-area: four;
+.skills {
+ grid-area: skills;
}
-.five {
- grid-area: five;
+.binkies {
+ grid-area: binkies;
+ display: flex;
+ gap: 5px;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+}
+.blog {
+ grid-area: blog;
max-height: 75vh;
}
@media only screen and (max-width: 600px) {
.order {
grid-template-areas:
- "one "
- "four "
- "two "
- "five "
- "five "
- "three";
+ "details "
+ "status"
+ "skills "
+ "donations "
+ "blog "
+ "blog "
+ "binkies"
+ "stickers";
grid-template-columns: 1fr;
}
body {
scrollbar-width: auto !important;
}
- .three {
+ .stickers {
flex-direction: row;
max-height: auto;
}
- .five {
+ .blog {
max-height: unset;
}
.giscus-outer {
diff --git a/website/index.html b/website/index.html
index e7132ba..1ab03e9 100644
--- a/website/index.html
+++ b/website/index.html
@@ -1,6 +1,56 @@
__TEMPLATE_HEAD__
+
\ No newline at end of file
+
+
\ No newline at end of file