timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 11:03:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

add initial support for blog

Browse Source
This commit is contained in:
timmypidashev
2021-10-02 19:18:07 -07:00
parent fbbca11032
commit 3c979be288
2 changed files with 29 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
blog.html
View File

@@ -33,11 +33,17 @@
<!-- Content --> <!-- Content -->
<!-- Section --> <!-- Section -->
<!-- TODO: FIX BLOG CSS!!!!!!!!! -->
<section class="centered"> <section class="centered">
<div> <div class="row">
<h1 class="hero__header" data-aos="flip-down">Work In Progress</h1> <div>
<h1 class="header" data-aos="flip-down">Work In Progress</h1>
</div>
<div>
<h1 class="blog" data-aos="flip-down">Work In Progress</h1>
</div>
<h1 class="blog" data-aos="flip-down">Work In Progress</h1>
</div> </div>
<img src="images/elements/png/line_short.png" alt="line" class="divider__line" data-aos="flip-left">
</section> </section>
<!-- JS --> <!-- JS -->

20
css/styles.css
View File

@@ -161,6 +161,26 @@ html {
width: 10vw; width: 10vw;
} }
/* blog */
.blog {
background: grey;
width: 300px;
height: 300px;
border: 150px;
border-radius: 20px;
line-height: 1.5;
padding-right: 0.9vw;
padding-left: 0.9vw;
font-weight: 520;
text-shadow: none;
box-shadow: 3px 2px 2px rgba(199, 130, 59, 0.15);
}
.blog__header {
font-size: 12vw;
font-weight: 400;
}
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.hero__header { .hero__header {
font-size: 12vw; font-size: 12vw;