updating CSS - diary finished for now

This commit is contained in:
chimchooree
2021-05-14 22:49:12 -05:00
parent b168d2be53
commit 44cffb918e
28 changed files with 681 additions and 234 deletions
+104 -36
View File
@@ -14,21 +14,36 @@
page = max_pages
end
%>
<div class="diary-dir-left">
% # << is always active link pointing to 0
<a href=/diary/0 rel="nofollow">&lt;&lt;</a>
% #<a href=/diary/0 rel="nofollow">&lt;&lt;</a>
<a href=/diary/0>
<img src="/static/img/btn/nav_ll.png" alt="&lt;&lt;" width="33" height="29">
</a>
% # < points to 0 if page 0 or below
% if page <= 0:
<a href=/diary/0 rel="nofollow">&lt;</a>
% #<a href=/diary/0 rel="nofollow">&lt;</a>
<a href=/diary/0>
<img src="/static/img/btn/nav_l.png" alt="&lt;" width="27" height="29">
</a>
% # < points to previous page otherwise
% else:
<a href=/diary/{{page - 1}} rel="nofollow">&lt;</a>
% #<a href=/diary/{{page - 1}} rel="nofollow">&lt;</a>
<a href=/diary/{{page - 1}}>
<img src="/static/img/btn/nav_l.png" alt="&lt;" width="27" height="29">
</a>
% end
</div>
<div class="diary-dir-numbers">
% # fill out number cluster to the left when page is high
% if max_pages > cluster and page > max_pages - cluster:
% for j in range(cluster - max_pages + page):
<a href=/diary/{{max_pages - cluster * 2 + j}} rel="nofollow">{{max_pages - cluster * 2 + j}}</a>
<div class="diary-dir-number">
<a href=/diary/{{max_pages - cluster * 2 + j}} rel="nofollow">{{max_pages - cluster * 2 + j}}</a>
</div>
% end
% end
@@ -36,30 +51,49 @@
% for i in range(max(0,page - cluster), min(max_pages + 1,page + cluster + 1)):
% # bold current page number
% if i == page:
<b>{{i}}</b>
<div class="diary-dir-number">
<b>{{i}}</b>
</div>
% # form neighboring numbers into links
% else:
<a href=/diary/{{i}} rel="nofollow">{{i}}</a>
<div class="diary-dir-number">
<a href=/diary/{{i}} rel="nofollow">{{i}}</a>
</div>
% end
% end
% # fill out number cluster to the right when page is low
% if page <= cluster - 1 and max_pages > page + cluster:
% for j in range(cluster - page):
<a href=/diary/{{page + j + cluster + 1}} rel="nofollow">{{page + j + cluster + 1}}</a>
<div class="diary-dir-number">
<a href=/diary/{{page + j + cluster + 1}} rel="nofollow">{{page + j + cluster + 1}}</a>
</div>
% end
% end
</div>
<div class="diary-dir-right">
% # > points to max if page is at or above maximum
% if page >= max_pages:
<a href=/diary/{{max_pages}} rel="nofollow">&gt;</a>
% #<a href=/diary/{{max_pages}} rel="nofollow">&gt;</a>
<a href=/diary/{{max_pages}}>
<img src="/static/img/btn/nav_r.png" alt="&gt;" width="27" height="29">
</a>
% # > point to next page otherwise
% else:
<a href=/diary/{{page + 1}} rel="nofollow">&gt;</a>
% #<a href=/diary/{{page + 1}} rel="nofollow">&gt;</a>
<a href=/diary/{{page + 1}}>
<img src="/static/img/btn/nav_r.png" alt="&gt;" width="27" height="29">
</a>
% end
% # >> is always active link to maximum page
<a href=/diary/{{max_pages}} rel="nofollow">&gt;&gt;</a>
% #<a href=/diary/{{max_pages}} rel="nofollow">&gt;&gt;</a>
<a href=/diary/{{max_pages}}>
<img src="/static/img/btn/nav_rr.png" alt="&gt;&gt;" width="33" height="29">
</a>
</div>
</center>
</div>
@@ -75,22 +109,24 @@
{{!s[1]}}
</div>
<div class="snippet-info">
<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-fb"
href='http://www.facebook.com/share.php?u={{s[3]}}'>facebook</a> -->
% message = "Hey,+check+out+this+post:+" + s[1] + ".,+" + s[3]
% message = message.replace('+','\+')
% message = re.sub('\s+?','+', message)
% message = message.replace('\\','')
% message = re.sub('<.*?>','', message)
<!--• <a class="social-link social-email" href='mailto:?body={{message}}'>email</a>--></b>
<b>{{!s[2]}}</b>
• <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>
% if len(s[5]) >= 1:
<div class=snippet-tags>
% for j in s[5]:
<div class="snippet-tag">
{{j}}
</div>
% end
</div>
% end
</div>
<div class="snippet-link">
<a href={{s[3]}} rel="nofollow"><b>read more</b></a>
<a href={{s[3]}}>
<img src="/static/img/btn/diaryreadmore.png" alt="read more" width="99" height="84">
</a>
</div>
<div class="snippet-bottom">
</div>
</div>
% end
@@ -108,22 +144,36 @@
page = max_pages
end
%>
<div class="diary-dir-left">
% # << is always active link pointing to 0
<a href=/diary/0 rel="nofollow">&lt;&lt;</a>
% #<a href=/diary/0 rel="nofollow">&lt;&lt;</a>
<a href=/diary/0>
<img src="/static/img/btn/nav_ll.png" alt="&lt;&lt;" width="33" height="29">
</a>
% # < points to 0 if page 0 or below
% if page <= 0:
<a href=/diary/0 rel="nofollow">&lt;</a>
% #<a href=/diary/0 rel="nofollow">&lt;</a>
<a href=/diary/0>
<img src="/static/img/btn/nav_l.png" alt="&lt;" width="27" height="29">
</a>
% # < points to previous page otherwise
% else:
<a href=/diary/{{page - 1}} rel="nofollow">&lt;</a>
% #<a href=/diary/{{page - 1}} rel="nofollow">&lt;</a>
<a href=/diary/{{page - 1}}>
<img src="/static/img/btn/nav_l.png" alt="&lt;" width="27" height="29">
</a>
% end
</div>
<div class="diary-dir-numbers">
% # fill out number cluster to the left when page is high
% if max_pages > cluster and page > max_pages - cluster:
% for j in range(cluster - max_pages + page):
<a href=/diary/{{max_pages - cluster * 2 + j}}
rel="nofollow">{{max_pages - cluster * 2 + j}}</a>
<div class="diary-dir-number">
<a href=/diary/{{max_pages - cluster * 2 + j}} rel="nofollow">{{max_pages - cluster * 2 + j}}</a>
</div>
% end
% end
@@ -131,31 +181,49 @@
% for i in range(max(0,page - cluster), min(max_pages + 1,page + cluster + 1)):
% # bold current page number
% if i == page:
<b>{{i}}</b>
<div class="diary-dir-number">
<b>{{i}}</b>
</div>
% # form neighboring numbers into links
% else:
<a href=/diary/{{i}} rel="nofollow">{{i}}</a>
<div class="diary-dir-number">
<a href=/diary/{{i}} rel="nofollow">{{i}}</a>
</div>
% end
% end
% # fill out number cluster to the right when page is low
% if page <= cluster - 1 and max_pages > page + cluster:
% for j in range(cluster - page):
<a href=/diary/{{page + j + cluster + 1}}
rel="nofollow">{{page + j + cluster + 1}}</a>
<div class="diary-dir-number">
<a href=/diary/{{page + j + cluster + 1}} rel="nofollow">{{page + j + cluster + 1}}</a>
</div>
% end
% end
</div>
<div class="diary-dir-right">
% # > points to max if page is at or above maximum
% if page >= max_pages:
<a href=/diary/{{max_pages}} rel="nofollow">&gt;</a>
% #<a href=/diary/{{max_pages}} rel="nofollow">&gt;</a>
<a href=/diary/{{max_pages}}>
<img src="/static/img/btn/nav_r.png" alt="&gt;" width="27" height="29">
</a>
% # > point to next page otherwise
% else:
<a href=/diary/{{page + 1}} rel="nofollow">&gt;</a>
% #<a href=/diary/{{page + 1}} rel="nofollow">&gt;</a>
<a href=/diary/{{page + 1}}>
<img src="/static/img/btn/nav_r.png" alt="&gt;" width="27" height="29">
</a>
% end
% # >> is always active link to maximum page
<a href=/diary/{{max_pages}} rel="nofollow">&gt;&gt;</a>
% #<a href=/diary/{{max_pages}} rel="nofollow">&gt;&gt;</a>
<a href=/diary/{{max_pages}}>
<img src="/static/img/btn/nav_rr.png" alt="&gt;&gt;" width="33" height="29">
</a>
</div>
</center>
</div>
% include diary-boxes.tpl
+1 -1
View File
@@ -1,6 +1,6 @@
<!--Footer-->
<footer>
<div class="footer-content">
&#169; chimchooree {{year}}<br>
&#169; chimchooree 2020-{{year}}<br>
</div>
</footer>
+1 -1
View File
@@ -1,5 +1,5 @@
<div class="whitespace"> </div>
<div class="blessfrey-logo">
<center><b>blessfrey.me</b></center><br>
<center><b></b></center><br>
</div>
+6 -6
View File
@@ -4,7 +4,7 @@
<div class="nav-bar"></div>
<div class="nav-index">
<a href="/">
<img src="/static/img/btn/skillbtn.png" alt="home" style="width:85px;height:55px;">
<img src="/static/img/btn/skillbtn_home.png" alt="home" style="width:85px;height:55px;">
</a>
<div class="nav-link">
<a href="/">home</a>
@@ -12,15 +12,15 @@
</div>
<div class="nav-game">
<a href="/projects">
<img src="/static/img/btn/skillbtn.png" alt="projects" style="width:85px;height:55px;">
<img src="/static/img/btn/skillbtn_games.png" alt="projects" style="width:85px;height:55px;">
</a>
<div class="nav-link">
<a href="/projects">projects</a>
<a href="/projects">games</a>
</div>
</div>
<div class="nav-diary">
<a href="/diary">
<img src="/static/img/btn/skillbtn.png" alt="diary" style="width:85px;height:55px;">
<img src="/static/img/btn/skillbtn_diary.png" alt="diary" style="width:85px;height:55px;">
</a>
<div class="nav-link">
<a href="/diary">diary</a>
@@ -28,10 +28,10 @@
</div>
<div class="nav-presskit">
<a href="/presskit">
<img src="/static/img/btn/skillbtn.png" alt="presskit" style="width:85px;height:55px;">
<img src="/static/img/btn/skillbtn_press.png" alt="presskit" style="width:85px;height:55px;">
</a>
<div class="nav-link">
<a href="/presskit">presskit</a>
<a href="/presskit">press</a>
</div>
</div>
</div>