updating CSS - diary finished for now
This commit is contained in:
+104
-36
@@ -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"><<</a>
|
||||
% #<a href=/diary/0 rel="nofollow"><<</a>
|
||||
<a href=/diary/0>
|
||||
<img src="/static/img/btn/nav_ll.png" alt="<<" width="33" height="29">
|
||||
</a>
|
||||
|
||||
% # < points to 0 if page 0 or below
|
||||
% if page <= 0:
|
||||
<a href=/diary/0 rel="nofollow"><</a>
|
||||
% #<a href=/diary/0 rel="nofollow"><</a>
|
||||
<a href=/diary/0>
|
||||
<img src="/static/img/btn/nav_l.png" alt="<" width="27" height="29">
|
||||
</a>
|
||||
% # < points to previous page otherwise
|
||||
% else:
|
||||
<a href=/diary/{{page - 1}} rel="nofollow"><</a>
|
||||
% #<a href=/diary/{{page - 1}} rel="nofollow"><</a>
|
||||
<a href=/diary/{{page - 1}}>
|
||||
<img src="/static/img/btn/nav_l.png" alt="<" 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">></a>
|
||||
% #<a href=/diary/{{max_pages}} rel="nofollow">></a>
|
||||
<a href=/diary/{{max_pages}}>
|
||||
<img src="/static/img/btn/nav_r.png" alt=">" width="27" height="29">
|
||||
</a>
|
||||
% # > point to next page otherwise
|
||||
% else:
|
||||
<a href=/diary/{{page + 1}} rel="nofollow">></a>
|
||||
% #<a href=/diary/{{page + 1}} rel="nofollow">></a>
|
||||
<a href=/diary/{{page + 1}}>
|
||||
<img src="/static/img/btn/nav_r.png" alt=">" width="27" height="29">
|
||||
</a>
|
||||
% end
|
||||
|
||||
% # >> is always active link to maximum page
|
||||
<a href=/diary/{{max_pages}} rel="nofollow">>></a>
|
||||
% #<a href=/diary/{{max_pages}} rel="nofollow">>></a>
|
||||
<a href=/diary/{{max_pages}}>
|
||||
<img src="/static/img/btn/nav_rr.png" alt=">>" 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"><<</a>
|
||||
% #<a href=/diary/0 rel="nofollow"><<</a>
|
||||
<a href=/diary/0>
|
||||
<img src="/static/img/btn/nav_ll.png" alt="<<" width="33" height="29">
|
||||
</a>
|
||||
|
||||
% # < points to 0 if page 0 or below
|
||||
% if page <= 0:
|
||||
<a href=/diary/0 rel="nofollow"><</a>
|
||||
% #<a href=/diary/0 rel="nofollow"><</a>
|
||||
<a href=/diary/0>
|
||||
<img src="/static/img/btn/nav_l.png" alt="<" width="27" height="29">
|
||||
</a>
|
||||
% # < points to previous page otherwise
|
||||
% else:
|
||||
<a href=/diary/{{page - 1}} rel="nofollow"><</a>
|
||||
% #<a href=/diary/{{page - 1}} rel="nofollow"><</a>
|
||||
<a href=/diary/{{page - 1}}>
|
||||
<img src="/static/img/btn/nav_l.png" alt="<" 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">></a>
|
||||
% #<a href=/diary/{{max_pages}} rel="nofollow">></a>
|
||||
<a href=/diary/{{max_pages}}>
|
||||
<img src="/static/img/btn/nav_r.png" alt=">" width="27" height="29">
|
||||
</a>
|
||||
% # > point to next page otherwise
|
||||
% else:
|
||||
<a href=/diary/{{page + 1}} rel="nofollow">></a>
|
||||
% #<a href=/diary/{{page + 1}} rel="nofollow">></a>
|
||||
<a href=/diary/{{page + 1}}>
|
||||
<img src="/static/img/btn/nav_r.png" alt=">" width="27" height="29">
|
||||
</a>
|
||||
% end
|
||||
|
||||
% # >> is always active link to maximum page
|
||||
<a href=/diary/{{max_pages}} rel="nofollow">>></a>
|
||||
% #<a href=/diary/{{max_pages}} rel="nofollow">>></a>
|
||||
<a href=/diary/{{max_pages}}>
|
||||
<img src="/static/img/btn/nav_rr.png" alt=">>" width="33" height="29">
|
||||
</a>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
% include diary-boxes.tpl
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<!--Footer-->
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
© chimchooree {{year}}<br>
|
||||
© chimchooree 2020-{{year}}<br>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@@ -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
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user