refacor css and html

author: cel 🌸 <cel@blos.sm> 2023-01-17 00:48:57 +0000
committer: cel 🌸 <cel@blos.sm> 2023-01-17 00:48:57 +0000
commit: 57c3a21bce3f4040eefdcc8b57bc86bdc59dacbf (patch)
tree: 5bfdf17cffc5314f5edab5391f44d5edddb2e185 /templates
parent: 8166458b41065ba8de63f909424bfd012f8243e1 (diff)
download: blossom-57c3a21bce3f4040eefdcc8b57bc86bdc59dacbf.tar.gz
blossom-57c3a21bce3f4040eefdcc8b57bc86bdc59dacbf.tar.bz2
blossom-57c3a21bce3f4040eefdcc8b57bc86bdc59dacbf.zip
5 files changed, 45 insertions, 47 deletions
diff --git a/templates/base.html.tera b/templates/base.html.tera
index 06758ea..05f07cd 100644
--- a/templates/base.html.tera
+++ b/templates/base.html.tera
@@ -2,29 +2,29 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8"/>
-    <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="fonts.css">
+    <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="/fonts.css">
     <title>cel's garden</title>
   </head>
     
   <body>
 
-    <img class="branch" id="branch1" src="branches/branch837-1.png" alt="cherry blossom branch">
-    <img class="branch" id="branch2" src="branches/branch878.png" alt="cherry blossom branch">
-    <img class="branch" id="branch3" src="branches/branch837-2.png" alt="cherry blossom branch">
-    <img class="branch" id="branch4" src="branches/branch840.png" alt="cherry blossom branch">
-    <img class="branch" id="branch5" src="branches/branch869.png" alt="cherry blossom branch">
-    <img class="branch" id="branch6" src="branches/branch871.png" alt="cherry blossom branch">
-    <img class="branch" id="branch7" src="branches/branch879.png" alt="cherry blossom branch">
-    <img class="branch" id="branch8" src="branches/branch880.png" alt="cherry blossom branch">
-    <img class="branch" id="branch9" src="branches/branch881-1.png" alt="cherry blossom branch">
-    <img class="branch" id="branch10" src="branches/branch881-2.png" alt="cherry blossom branch">
-    <img class="branch" id="branch11" src="branches/branch882-1.png" alt="cherry blossom branch">
-    <img class="branch" id="branch12" src="branches/branch882-2.png" alt="cherry blossom branch">
-    <img class="branch" id="branch13" src="branches/branch883-1.png" alt="cherry blossom branch">
-    <img class="branch" id="branch14" src="branches/branch883-2.png" alt="cherry blossom branch">
+    <img class="branch" id="branch1" src="/branches/branch837-1.png" alt="cherry blossom branch">
+    <img class="branch" id="branch2" src="/branches/branch878.png" alt="cherry blossom branch">
+    <img class="branch" id="branch3" src="/branches/branch837-2.png" alt="cherry blossom branch">
+    <img class="branch" id="branch4" src="/branches/branch840.png" alt="cherry blossom branch">
+    <img class="branch" id="branch5" src="/branches/branch869.png" alt="cherry blossom branch">
+    <img class="branch" id="branch6" src="/branches/branch871.png" alt="cherry blossom branch">
+    <img class="branch" id="branch7" src="/branches/branch879.png" alt="cherry blossom branch">
+    <img class="branch" id="branch8" src="/branches/branch880.png" alt="cherry blossom branch">
+    <img class="branch" id="branch9" src="/branches/branch881-1.png" alt="cherry blossom branch">
+    <img class="branch" id="branch10" src="/branches/branch881-2.png" alt="cherry blossom branch">
+    <img class="branch" id="branch11" src="/branches/branch882-1.png" alt="cherry blossom branch">
+    <img class="branch" id="branch12" src="/branches/branch882-2.png" alt="cherry blossom branch">
+    <img class="branch" id="branch13" src="/branches/branch883-1.png" alt="cherry blossom branch">
+    <img class="branch" id="branch14" src="/branches/branch883-2.png" alt="cherry blossom branch">
       
-    <div class="page">
+    <div id="page">
 
       <header>
       
@@ -33,15 +33,15 @@
         
       </header>
 
-      <nav class="panel" id="nav">
+      <nav class="panel">
         <ul id="nav">
           <li><a class="{% block nav_home %}{% endblock %}" href="/">home</a></li>
           <li><a class="{% block nav_contact %}{% endblock %}" style="font-family: 'Compagnon Roman';" href="/contact">kontakt</a></li>
           <li><a class="{% block nav_projects %}{% endblock %}" style="font-family: 'DeGerm LoCase';" href="/projects">projetos</a></li>
-          <li><a class="{% block nav_sound %}{% endblock %}" href="/sound">音</a></li>
+          <li><a class="{% block nav_sound %}{% endblock %}" style="font-family: 'kirieji'" href="/sound">音</a></li>
           <li><a class="{% block nav_listens %}{% endblock %}" style="font-family: 'Darumadrop One'" href="/listens">きいてます</a></li>
           <li><a href="https://bimbo.video" style="font-family: 'Mon Hugo In'">video</a></li>
-          <li><a href="https://live.blos.sm" style="font-family: ukikusa" >🔴 ライブ</a></li>
+          <li><a href="https://live.blos.sm" style="font-family: id_kana018" >🔴ライブ</a></li>
           <li><a class="{% block nav_pix %}{% endblock %}" style="font-family: Minecraftia" href="/pix">pix</a></li>
           <li><a class="{% block nav_shodo %}{% endblock %}" href="/shodo">書道</a></li>
           <li><a class="{% block nav_thoughts %}{% endblock %}" style="font-family: 'MAZIUS REVIEW 20.09';" href="/thoughts">thoughts</a></li>
@@ -71,13 +71,11 @@
           
       </main>
 
-      <footer>
-        <div class="panel" id="footer">
-          <a href="https://skinnyver.se"><img src="https://skinnyver.se/instance/skinnyversebadge.png"></a>
-          <a href="https://social.xenofem.me/"><img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/4520d16b-565c-4956-b1f0-dd18afcdf906/xenofemme.png"></a>
-          <a href="https://asbestos.cafe"><img src="https://asbestos.cafe/instance/asbestoscafesisterinstance.png"></a>
-          <a href="https://worm.pink"><img src="https://worm.pink/instance/wormpinksistersite.png"></a>
-        </div>
+      <footer class="panel">
+          <a class="badge" href="https://skinnyver.se"><img src="https://skinnyver.se/instance/skinnyversebadge.png"></a>
+          <a class="badge" href="https://social.xenofem.me/"><img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/4520d16b-565c-4956-b1f0-dd18afcdf906/xenofemme.png"></a>
+          <a class="badge" href="https://asbestos.cafe"><img src="https://asbestos.cafe/instance/asbestoscafesisterinstance.png"></a>
+          <a class="badge" href="https://worm.pink"><img src="https://worm.pink/instance/wormpinksistersite.png"></a>
       </footer>
       
     </div>
diff --git a/templates/home.html.tera b/templates/home.html.tera
index 3396894..1d5d7da 100644
--- a/templates/home.html.tera
+++ b/templates/home.html.tera
@@ -28,7 +28,7 @@
 
 {% block content %}
 
-<div class="content panel">
+<div class="panel content">
   <h2>hallo i am celeste welcome 2 my site 🌟</h2>
   <p>this is where i dump everything</p>
   <p>i wish u a wonderful day</p>
@@ -44,7 +44,7 @@
 
 <aside>
 
-  {% include "latestblogs" %}
+  {% include "latestposts" %}
   {% include "latestskweets" %}
 
 </aside>
diff --git a/templates/latestblogs.html.tera b/templates/latestblogs.html.tera
deleted file mode 100644
index 966a728..0000000
--- a/templates/latestblogs.html.tera
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="panel" id="blogs">
-  <h2>latest blogs <a class="label" href="/feed.xml"><img class="label" src="https://cinni.net/images/icon/rssbadge.png" alt="rss newsfeed"></a></h2>
-  <table id="blog-list">
-    <tr>
-      <td><a class="blog-entry" href="/thoughts/fedi">fedi<span class="blog-date">2023-02-04</span></a></td>
-    </tr>
-    <tr>
-      <td><a class="blog-entry" href="/thoughts/fedi">slaying<span class="blog-date">2023-01-20</span></a></td>
-    </tr>
-  </table>
-</div>
-\ No newline at end of file
diff --git a/templates/latestposts.html.tera b/templates/latestposts.html.tera
new file mode 100644
index 0000000..101fbb9
--- /dev/null
+++ b/templates/latestposts.html.tera
@@ -0,0 +1,11 @@
+<div class="panel" id="posts">
+  <h2>latest posts <a class="badge" href="/feed.xml"><img class="badge" src="/rssbadge.png" alt="rss newsfeed"></a></h2>
+  <table id="post-list">
+    <tr>
+      <td><a class="post-entry" href="/thoughts/fedi">fedi<span class="post-date">2023-02-04</span></a></td>
+    </tr>
+    <tr>
+      <td><a class="post-entry" href="/thoughts/fedi">slaying<span class="post-date">2023-01-20</span></a></td>
+    </tr>
+  </table>
+</div>
+\ No newline at end of file
diff --git a/templates/latestskweets.html.tera b/templates/latestskweets.html.tera
index 15a413c..bcdc2fa 100644
--- a/templates/latestskweets.html.tera
+++ b/templates/latestskweets.html.tera
@@ -1,19 +1,19 @@
 <div class="panel" id="skinnyverse">
   <h2><a id="latest-skweets" href="https://skinnyver.se/cel">latest skweets</a></h2>
-  <div class="post">
+  <div class="skweet">
     <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/426b13b9-0d01-4dc1-abc9-6dbc1ec8a8a6/bjorkcpu2.png" class="profile">
-    <div class="post-content">
-      <div><h4>@cel</h4><h5>2h ago</h5></div>
+    <div class="skweet-content">
+      <div class="skweet-info"><h4>@cel</h4><h5>2h ago</h5></div>
       <p>@nyx @lain ikr? omg we have no choice but to stan our skinny legend</p>
-      <div class="gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div>
+      <div class="skweet-gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div>
     </div>
   </div>
-  <div class="post">
+  <div class="skweet">
     <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/426b13b9-0d01-4dc1-abc9-6dbc1ec8a8a6/bjorkcpu2.png" class="profile">
-    <div class="post-content">
+    <div class="skweet-content">
       <div><h4>@cel</h4><h5>2h ago</h5></div>
       <p>@nyx @lain ikr? omg we have no choice but to stan our skinny legend</p>
-      <div class="gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div>
+      <div class="skweet-gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div>
     </div>
   </div>
 </div>
 \ No newline at end of file
author	cel 🌸 <cel@blos.sm>	2023-01-17 00:48:57 +0000
committer	cel 🌸 <cel@blos.sm>	2023-01-17 00:48:57 +0000
commit	57c3a21bce3f4040eefdcc8b57bc86bdc59dacbf (patch)
tree	5bfdf17cffc5314f5edab5391f44d5edddb2e185 /templates
parent	8166458b41065ba8de63f909424bfd012f8243e1 (diff)
download	blossom-57c3a21bce3f4040eefdcc8b57bc86bdc59dacbf.tar.gz blossom-57c3a21bce3f4040eefdcc8b57bc86bdc59dacbf.tar.bz2 blossom-57c3a21bce3f4040eefdcc8b57bc86bdc59dacbf.zip