the grid is all broken; escaped the diary nav arrows

small-nav
chimchooree 4 years ago
parent c34fbbd2cd
commit 71705e1448

@ -27,7 +27,7 @@ ul { list-style-position: inside; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: auto 533px 267px auto; grid-template-columns: auto 533px 267px auto;
grid-template-rows: 25px 90px repeat(4, auto) auto; grid-template-rows: 25px 90px repeat(3, auto);
grid-column-gap: 0px; grid-column-gap: 0px;
grid-row-gap: 0px; grid-row-gap: 0px;
} }
@ -140,28 +140,38 @@ ul { list-style-position: inside; }
/* Body */ /* Body */
.body-row { .body-row {
grid-area: 3 / 1 / 7 / 5; grid-area: 3 / 1 / 5 / 5;
background-color: #b56c4d; background-color: #b56c4d;
} }
.diary-entry { .diary-entry {
grid-area: 3 / 2 / 6 / 3; grid-area: 3 / 2 / 4 / 3;
background-color: #aa2055; background-color: #aa2055;
padding: 5px; padding: 5px;
} }
.sidebar (
grid-area: 3 / 3 / 5 / 4;
background-color: #b56c4d;
display: grid;
grid-template-columns: auto;
grid-template-rows: repeat(4, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
)
.about-box { .about-box {
grid-area: 3 / 3 / 4 / 4; grid-area: 1 / 1 / 2 / 2;
background-color: #993759; background-color: #993759;
} }
.twitter-box { .twitter-box {
grid-area: 4 / 3 / 5 / 4; grid-area: 2 / 1 / 3 / 2;
background-color: #faa275; background-color: #faa275;
} }
.latest { .latest {
grid-area: 5 / 3 / 6 / 4; grid-area: 3 / 1 / 4 / 2;
background-color: #ff8c61; background-color: #ff8c61;
} }
@ -171,12 +181,12 @@ ul { list-style-position: inside; }
} }
.disclosure { .disclosure {
grid-area: 6 / 3 / 7 / 4; grid-area: 4 / 1 / 5 / 2;
background-color: #ce6a85; background-color: #ce6a85;
} }
.recommend { .recommend {
grid-area: 6 / 2 / 7 / 3; grid-area: 4 / 2 / 5 / 3;
background-color: #F5D7E3; background-color: #F5D7E3;
display: grid; display: grid;
grid-template-columns: auto repeat(3, 100px) auto; grid-template-columns: auto repeat(3, 100px) auto;
@ -192,7 +202,7 @@ ul { list-style-position: inside; }
.snip3 { grid-area: 2 / 4 / 3 / 5; } .snip3 { grid-area: 2 / 4 / 3 / 5; }
.footer-row { .footer-row {
grid-area: 7 / 1 / 8 / 5; grid-area: 5 / 1 / 6 / 5;
background-color: #A8577E; background-color: #A8577E;
} }

@ -1,35 +1,37 @@
<!--right column--> <!--right column-->
<div class="about-box"> <div class="sidebar">
<h1>about</h1> <div class="about-box">
blessfrey is a game.<br> <h1>about</h1>
</div> blessfrey is a game.<br>
</div>
<div class="twitter-box">
<h1>follow</h1> <div class="twitter-box">
<a href="https://twitter.com/lilchimchooree">@lilchimchooree</a><br> <h1>follow</h1>
<br> <a href="https://twitter.com/lilchimchooree">@lilchimchooree</a><br>
<a href="/contact" rel="nofollow">contact me</a><br> <br>
</div> <a href="/contact" rel="nofollow">contact me</a><br>
<div class="latest">
<h1>latest</h1>
<div class="latest-text">
<ul>
% for l in latest:
<li>&#9;<a href={{l[0]}} rel="nofollow">{{!l[1]}}</a></li>
% end
</ul>
<br>
</div> </div>
</div>
<div class="disclosure"> <div class="latest">
<h1>disclosure</h1> <h1>latest</h1>
blessfrey.me is not using sponsored posts or affiliate links right now. <div class="latest-text">
<br> <ul>
blessfrey.me does not collect personal information + has no cookies.<br> % for l in latest:
<br> <li>&#9;<a href={{l[0]}} rel="nofollow">{{!l[1]}}</a></li>
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> % end
<br> </ul>
Thank you for following the development of blessfrey.<br> <br>
</div>
</div>
<div class="disclosure">
<h1>disclosure</h1>
blessfrey.me is not using sponsored posts or affiliate links right now.
<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>
</div> </div>

@ -15,14 +15,14 @@
end end
%> %>
% # << is always active link pointing to 0 % # << is always active link pointing to 0
<a href=/diary/0 rel="nofollow"><<</a> <a href=/diary/0 rel="nofollow">&lt;&lt;</a>
% # < points to 0 if page 0 or below % # < points to 0 if page 0 or below
% if page <= 0: % if page <= 0:
<a href=/diary/0 rel="nofollow"><</a> <a href=/diary/0 rel="nofollow">&lt;</a>
% # < points to previous page otherwise % # < points to previous page otherwise
% else: % else:
<a href=/diary/{{page - 1}} rel="nofollow"><</a> <a href=/diary/{{page - 1}} rel="nofollow">&lt;</a>
% end % end
% # fill out number cluster to the left when page is high % # fill out number cluster to the left when page is high
@ -52,14 +52,14 @@
% # > points to max if page is at or above maximum % # > points to max if page is at or above maximum
% if page >= max_pages: % if page >= max_pages:
<a href=/diary/{{max_pages}} rel="nofollow">></a> <a href=/diary/{{max_pages}} rel="nofollow">&gt;</a>
% # > point to next page otherwise % # > point to next page otherwise
% else: % else:
<a href=/diary/{{page + 1}} rel="nofollow">></a> <a href=/diary/{{page + 1}} rel="nofollow">&gt;</a>
% end % end
% # >> is always active link to maximum page % # >> is always active link to maximum page
<a href=/diary/{{max_pages}} rel="nofollow">>></a> <a href=/diary/{{max_pages}} rel="nofollow">&gt;&gt;</a>
</center> </center>
</div> </div>
@ -76,9 +76,9 @@
</div> </div>
<div class="snippet-info"> <div class="snippet-info">
<b>{{!s[2]}} <b>{{!s[2]}}
• <a class="social-link social-twitter" href="http://twitter.com/share?text={{s[4]}}&url=https://blessfrey.me{{s[3]}}&via=lilchimchooree" target="_blank">tweet</a> • <a class="social-link social-twitter" href="http://twitter.com/share?text={{!s[4]}}&url=https://blessfrey.me{{!s[3]}}&via=lilchimchooree" target="_blank">tweet</a>
• <a class="social-link social-fb" href='http://www.facebook.com/share.php?u={{s[3]}}'>facebook</a> • <a class="social-link social-fb" href='http://www.facebook.com/share.php?u={{s[3]}}'>facebook</a>
• <a class="social-link social-email" href="mailto:?body=Hey, check out this post: {{s[1]}}., {{s[3]}}">email</a></b> • <a class="social-link social-email" href="mailto:?body=Hey,+check+out+this+post:+{{!s[1]}}., {{s[3]}}">email</a></b>
</div> </div>

Loading…
Cancel
Save