redesigned feature template to put nav under article, bordered by side bar (was under everything)

small-nav
chimchooree 4 years ago
parent 7945b82210
commit 68137cf8a4

@ -27,7 +27,7 @@ ul { list-style-position: inside; }
.grid {
display: grid;
grid-template-columns: auto 533px 267px auto;
grid-template-rows: 25px 90px repeat(4, 1fr) 200px auto;
grid-template-rows: 25px 90px repeat(4, auto) auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
@ -145,7 +145,7 @@ ul { list-style-position: inside; }
}
.diary-entry {
grid-area: 3 / 2 / 7 / 3;
grid-area: 3 / 2 / 6 / 3;
background-color: #ff0000;
padding: 5px;
}
@ -175,8 +175,8 @@ ul { list-style-position: inside; }
background-color: #ce6a85;
}
.dir-row {
grid-area: 7 / 1 / 8 / 5;
.recommend {
grid-area: 6 / 2 / 7 / 3;
background-color: #F5D7E3;
display: grid;
grid-template-columns: auto;
@ -185,22 +185,8 @@ ul { list-style-position: inside; }
grid-row-gap: 0px;
}
.dir-header {
grid-area: 1 / 1 / 2 / 2;
}
.dir-date {
grid-area: 2 / 1 / 3 / 2;
overflow-x: scroll;
overflow-y: hidden;
}
.dir-articles {
grid-area: 3 / 1 / 4 / 2;
overflow-x: scroll;
overflow-y: hidden;
}
.footer-row {
grid-area: 8 / 1 / 9 / 5;
grid-area: 7 / 1 / 8 / 5;
background-color: #A8577E;
}

@ -25,7 +25,11 @@
<div class="disclosure">
<h1>disclosure</h1>
blessfrey.me is not using sponsored posts or affiliate links right now. Any that appear will be <a href="https://www.ftc.gov/tips-advice/business-center/guidance/ftcs-endorsement-guides-what-people-are-asking" rel="nofollow">properly</a> <a href="https://www.ftc.gov/sites/default/files/attachments/press-releases/ftc-publishes-final-guides-governing-endorsements-testimonials/091005revisedendorsementguides.pdf" rel="nofollow">disclosed</a>.<br>
blessfrey.me is not using sponsored posts or affiliate links right now.
<br>
blessfrey.me does not collect personal information + has no cookies. Just a simple dev site.<br>
blessfrey.me does not collect personal information + has no cookies.<br>
<br>
If this changes, sponsored content will be <a href="https://www.ftc.gov/tips-advice/business-center/guidance/ftcs-endorsement-guides-what-people-are-asking" rel="nofollow">properly</a> <a href="https://www.ftc.gov/sites/default/files/attachments/press-releases/ftc-publishes-final-guides-governing-endorsements-testimonials/091005revisedendorsementguides.pdf" rel="nofollow">disclosed</a>, cookies and analytics will comply with the GDPR and CCPA, etc.<br>
<br>
Thank you for following the development of blessfrey.<br>
</div>

@ -8,16 +8,8 @@
% include diary-boxes.tpl
<div class="dir-row">
<div class="dir-header">
{{!header}}
</div>
<div class="dir-date">
{{!dates}}
</div>
<div class="dir-articles">
{{!articles}}
</div>
<div class="recommend">
{{!articles}}
</div>
<div class="footer-row"> </div>

Loading…
Cancel
Save