diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..6e6cf59 --- /dev/null +++ b/blog/index.html @@ -0,0 +1,275 @@ + + + + + + + + + Hush SilentDragon 1.4.0 Zany Zooid + + + + + + +
+
+ +
+ +
+ +
+ +
+
+ +
+

Blog

+
+
+

Example Blog Post Title

+ +

+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dicta quidem + assumenda recusandae veritatis obcaecati dolores perspiciatis mollitia + quae quasi. Quam numquam blanditiis, voluptatem voluptates dolor quos + officiis sed illum rem. +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem sed + repudiandae, minima odio illo sint exercitationem dolore quisquam + placeat. Quae assumenda molestiae neque, saepe velit doloribus commodi + enim dolorum quasi, praesentium unde possimus laboriosam deserunt + vitae sunt modi voluptatibus quidem at, in natus! Voluptates saepe + ducimus libero facilis similique aliquam fugiat accusamus provident, + dolorem quam reprehenderit eum, nihil magni voluptas. +

+ +
+ External Link + External Link + External Link +
+
+
+ + + + + + + + + + + diff --git a/css/style.css b/css/style.css index 5767116..52afe71 100644 --- a/css/style.css +++ b/css/style.css @@ -117,6 +117,8 @@ input[type="radio"] ~ a label a { color: white; text-align: center; text-shadow: 0 0 2rem rgba(255, 255, 255, 0.5); + font-size: 4rem; + margin: 0; } /* ●============== Header ==============● */ @@ -1372,4 +1374,82 @@ footer > p { width: 90%; } +} + + +.blog-post-item { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + outline: .15rem solid rgba(255, 255, 255, 0.5); + width: 64rem; + margin: 4rem auto; + border-radius: .1rem; + background-color: rgba(255, 255, 255, 0.25); + color: white; + padding: .5rem 1rem; +} + +.blog-post-item h2 { + font-size: 2.5rem; + text-align: left; + width: 100%; + padding-left: 5%; +} + +.blog-post-item ul { + width: 90%; + font-size: 1.15rem; + font-weight: 100; +} + +.blog-post-item ul li { + font-size: 1.15rem; + opacity: 85%; + margin-left: 2rem; + margin-top: .5rem; +} + +.blog-post-item p { + width: 90%; + font-size: 1.25rem; +} + +.blog-img { + max-width: 70%; +} + +.blog-links { + display: flex; + align-items: start; + width: 100%; + gap: 1rem; + margin-top: 2rem; +} + +.blog-post-item a { + transition: all ease-in-out 100ms; + color: white; + background-color: rgba(255, 255, 255, 0.25); + padding: .25rem .5rem; + border-radius: .25rem; +} + +.blog-post-item a:hover { + transform: scale(1.05); + background-color: rgba(255, 255, 255, 0.5); +} + +@media (max-width: 1024px) { + .blog-post-item { + width: 85%; + } + .blog-post-item { + display: flex; + flex-wrap: wrap; + } + .blog-post-item a{ + width: max-content; + } } \ No newline at end of file diff --git a/images/blogposts/blog_image_default.png b/images/blogposts/blog_image_default.png new file mode 100644 index 0000000..1bea168 Binary files /dev/null and b/images/blogposts/blog_image_default.png differ diff --git a/index.html b/index.html index 6bf5d2c..0b10aa9 100644 --- a/index.html +++ b/index.html @@ -129,6 +129,9 @@ Videos Download HushChat Privacy + Blog
diff --git a/releases/sd/1.4.0/index.html b/releases/sd/1.4.0/index.html index 25133e2..219ad03 100644 --- a/releases/sd/1.4.0/index.html +++ b/releases/sd/1.4.0/index.html @@ -154,6 +154,9 @@ Privacy + Blog