adjusted theme

9 files changed, 138 insertions, 90 deletions

diff --git a/content/about/index.md b/content/about/index.md
index 0f8f42f..b0592d5 100644
--- a/content/about/index.md
+++ b/content/about/index.md
@@ -1,5 +1,5 @@
 +++
-title = "About page"
+title = "About"
 template = "post-page.html"
 authors = ["zigzac"]
 +++
diff --git a/sass/main.scss b/sass/main.scss
index 0dbafb3..13a5ddf 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -11,14 +11,16 @@ $lighttextcolor: #eeeeee;
 body {
     line-height: 1.5;
     color: $textcolor;
-    background-color: $backgroundcolor;
-    font-family: sans-serif;
-    width: 80%;
+    // background-color: $backgroundcolor;
+    background-color: #222a2a;
+    font-family: sans-serif,serif;
+    font-size: 13.5pt;
+    width: 85%;
     min-width: 360px;
-    max-width: 1080px;
+    //max-width: 1080px;
     margin: 0 auto;
-    padding-top: 30px;
-    padding-bottom: 30px;
+    padding-top: 11.25pt;
+    padding-bottom: 11.25pt;
     position: relative;
 
     img, video {
@@ -28,8 +30,8 @@ body {
     }
     
     ul {
-        margin-left: 1rem;
-        padding-left: 1rem;
+        margin-left: 1em;
+        padding-left: 1em;
     }
 
     a {
@@ -44,17 +46,35 @@ body {
         width: 90%;
     }
 }
-
+.mainb {
+    background-color: #1f2e2e;
+    border-radius: 7.5pt;
+}
+.postback {
+    background: rgba(0, 0, 0, 0.25);
+    border-radius: 7.5pt;
+    padding: 7.5pt;
+    padding-left: 18.75pt;
+    padding-right: 18.75pt;
+    }
 .emptyspa {
-    height: 10px;
+    height: 11.25pt;
     width: 100%;
 }
 .header {
     color: $lighttextcolor;
     background-color: $backgroundcolor;
+    //background-color: transparent;
+    background-image: url("/images/f1.png");
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-radius: 7.5pt;
     top: 0;
-    padding-bottom : 5px;
-    border-bottom: solid 1px gray;
+    padding-bottom : 3.75pt;
+    padding-right: 15pt;
+    padding-left: 7.5pt;
+    //border-bottom: solid 1px gray;
     overflow: hidden;
     a {
         color: $lighttextcolor;
@@ -74,8 +94,8 @@ body {
     text-align: right;
     justify-content: space-between;
     align-items: center;
-    font-size: 1.5rem;
-    height: 120px;
+    font-size: 1.5em;
+    height: 90pt;
     a {
         color: $textcolor;
         text-decoration: none;
@@ -90,7 +110,7 @@ body {
 }
 .menu {
     text-align: center;
-    margin-bottom: 25px;
+    margin-bottom: 18.75pt;
     a {
         text-decoration: none;
         font-style: italic;
@@ -114,12 +134,12 @@ body {
 
 .date {
     color: $tender-yellow;
-    font-size: 1rem;
+    font-size: 1em;
 }
 
 .date_postpage {
     color: $tender-blue;
-    font-size: 0.9rem;
+    font-size: 0.9em;
     text-align: right;
 }
 .author_postpage {
@@ -129,7 +149,7 @@ body {
 
 .title {
     color: $tender-blue;
-    font-size: 1.4rem;
+    font-size: 1.4em;
     a {
         text-decoration: none;
         &:hover {
@@ -139,12 +159,15 @@ body {
 }
 
 .description_index {
-    font-size: 1rem;
-    margin-left: 32px;
-    margin-right: 32px;
+    font-size: 1em;
+    margin-left: 24pt;
+    margin-right: 24pt;
     &:hover {
         //background: #3d5c5c;
         background: #293d3d;
+        border-radius: 7.5pt;
+        padding-left: 7.5pt;
+        padding-right: 7.5pt;
         a {
             color: $textcolor;
             text-decoration: none;
@@ -160,15 +183,15 @@ body {
     justify-content: space-between;
 }
 .liney1 {
-    border-bottom: dashed 1px #75a3a3;
+    border-bottom: dashed 0.75pt #75a3a3;
     width: 20%;
 }
 .liney2{
-    border-bottom: dashed 1px #75a3a3;
+    border-bottom: dashed 0.75pt #75a3a3;
     width: 20%;
 }
 .archive_title {
-    font-size: 1.2rem;
+    font-size: 1.2em;
     a {
         text-decoration: none;
         &:hover {
@@ -177,7 +200,7 @@ body {
     }
 }
 .archive_titlec {
-    font-size: 1.2rem;
+    font-size: 1.2em;
     text-align: center;
     a {
         text-decoration: none;
@@ -188,7 +211,7 @@ body {
 }
 .archive_descr {
     text-align: center;
-    font-size: 0.9rem;
+    font-size: 0.9em;
     padding-left: 20%;
     padding-right: 20%;
     line-break: normal;
@@ -196,7 +219,7 @@ body {
         text-decoration: none;
         &:hover {
             color: #fff;
-            font-size: 1rem;
+            font-size: 1em;
         }
     }
 }
@@ -206,27 +229,27 @@ body {
     line-height: 1.4em;
     font-weight: 500;
     color: $tender-blue;
-    margin-top: 15px;
+    margin-top: 11.25pt;
 }
 
 .taxonomies a {
-    font-size: 0.9rem;
+    font-size: 0.9em;
     color: $lighttextcolor;
     text-decoration: none;
 }
 
 .taxonomies_postpage {
     text-align: right;
-    margin-bottom: 30px;
+    margin-bottom: 22.5pt;
     a {
-        font-size: 0.9rem;
+        font-size: 0.9em;
         color: $tender-blue;
         text-decoration: none;
     }
 }
 
 .taxonomies_index a {
-    font-size: 1rem;
+    font-size: 1em;
     color: gray;
     text-decoration: none;
 
@@ -241,7 +264,7 @@ body {
     text-align: center;
     a {
 
-        font-size: 0.8rem;
+        font-size: 0.8em;
         color: gray;
         text-decoration: none;
         &:hover {
@@ -255,10 +278,14 @@ body {
 }
 
 .tag_descr {
-    font-size: 1rem;
+    font-size: 1em;
     color: $tender-blue;
     &:hover {
-        background: #3d5c5c;
+        // background: #3d5c5c;
+        background: #293d3d;
+        border-radius: 7.5pt;
+        padding-left: 7.5pt;
+        padding-right: 7.5pt;
         a {
             color: $textcolor;
             text-decoration: none;
@@ -284,9 +311,9 @@ body {
 .scroll-container {
     position: absolute;
     top: 0;
-    right: -5%;
+    right: -3.5%;
     height: 100%;
-    padding-bottom: 20px;
+    padding-bottom: 15pt;
     img {
         filter: invert(50%) contrast(100%) brightness(100%);
         &:hover {
@@ -307,9 +334,9 @@ body {
 // fixed to right bottom of page
 .scroll-container a {
     position: sticky;
-    top: 96vh;
+    top: 94vh;
     cursor: pointer;
-    font-size: 20px;
+    font-size: 15pt;
 }
 
 .footer {
@@ -320,41 +347,41 @@ body {
     bottom: 0;
     justify-content: right;
     min-width: 360px;
-    max-width: 1080px;
+    // max-width: 1080px;
     margin: 0 auto;
-    padding-top: 20px;
-    padding-bottom: 10px;
+    padding-top: 15pt;
+    padding-bottom: 7.5pt;
     width: 100%;
 }
 
 h1 {
-    font-size: 2.0rem;
+    font-size: 1.8em;
     color: $tender-bluez;
 }
 
 h2 {
-    font-size: 1.8rem;
+    font-size: 1.7em;
     color: $tender-bluez;
 }
 
 h3 {
-    font-size: 1.6rem;    
+    font-size: 1.5em;    
     color: $tender-bluez;
 }
 
 h4 {
-    font-size: 1.4rem;    
+    font-size: 1.4em;    
     color: $tender-bluez;
 
 }
 
 h5 {
-    font-size: 1.2rem;    
+    font-size: 1.3em;    
     color: $tender-bluez;
 }
 
 h6 {
-    font-size: 1.1rem;    
+    font-size: 1.2em;    
     color: $tender-bluez;
 
 }
@@ -365,62 +392,66 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 pre {
-    border: 1px solid #AAA;
+    // border: 1px solid #AAA;
+    border: 0.75pt solid rgba(48, 80, 65, 0.5);
     overflow-x: auto;
     overflow-y: hidden;
-    padding: 20px;
-    font-size: 0.8rem;
-    border-radius: 10px;
+    padding: 15pt;
+    font-size: 0.8em;
+    border-radius: 7.5pt;
 }
 
 :not(pre) > code {
-    //background-color: rgba(0,204,153,0.5);
-    background-color: rgba(0,128,96,0.5);
+    background-color: rgba(0, 102, 102, 0.38);
     color: #fff;
-    border-radius: 2px;
-    padding-left: 4px;
-    padding-right: 4px;
-    font-weight: 550;
-    font-size: 0.9rem;
+    border-radius: 1.5pt;
+    padding-left: 3pt;
+    padding-right: 3pt;
+    font-family: sans-serif,serif;
+    font-style: italic;
+    // font-weight: 500;
+    font-size: 1em;
 }
 
 blockquote {
-    //background-image: linear-gradient(to right, rgba(153,142,204,0.12) 2%, rgba(255,0,0,0) 98%);
-    background-image: linear-gradient(to right, rgba(76,79,176,0.12) 2%, rgba(255,0,0,0) 98%);
-    border-left: 3px solid #99ffcc;
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-    margin: 0.5rem;
-    border-radius: 5px;
+    // background: linear-gradient(to right, rgba(76,79,176,0.12) 100%, rgba(255,0,0,0) 100%);
+    background-color: rgba(76,79,176,0.04);
+    font-style: italic;
+    border-left: 2.25pt solid #66aa88;
+    border-right: 2.25pt solid #66aa88;
+    // border-right: 4px outset #99ffcc;
+    padding-left: 1em;
+    padding-right: 1em;
+    margin: 0.5em;
+    // border-radius: 5px;
 }
 
 table {
     max-width: 90%;
-    font-size: 1rem;
+    font-size: 1em;
     border-collapse: collapse;
 }
 
 table th {
-    padding: 10px;
-    font-weight: 700;
-    //background-color: #475785;
-    background-color: #364163;
+    padding: 7.5pt;
+    font-weight: bolder;
+    // background-color: #364163;
+    background-color: rgba(54, 66, 99, 0.7);
     font-style: oblique;
 }
 
 table th, td {
-    border: solid 1px #ff884d;
+    border: solid 0.75pt #ff884d;
 }
 
 table td {
-    padding: 10px;
+    padding: 7.5pt;
 }
 
 button {
     color: $backgroundcolor;
     background-color: $tender-blue;
     border: solid;
-    border-radius: 3px;
+    border-radius: 2.25pt;
     border-color: $tender-blue;
 }
-
diff --git a/static/images/f1.png b/static/images/f1.png
new file mode 100644
index 0000000..fabe576
--- /dev/null
+++ b/static/images/f1.png
diff --git a/templates/base.html b/templates/base.html
index 4ef8a60..a44cd38 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -13,7 +13,6 @@
   <link id="stylesheet" rel="stylesheet" type="text/css" href="/main.css">
 
 </head>
-
 <div class="header">
   <div class="site_title">
     {% if current_url is containing("/ru/") %}
@@ -46,24 +45,26 @@
   {% else %}
   <a href="/categories/">{categories}</a>
     &nbsp;<a href="/tags/">{tags}</a>
-    &nbsp;<a href="/post/">{archives}</a>
+    &nbsp;<a href="/post/">{archive}</a>
     &nbsp;<a href="/about/">{about}</a>
     &nbsp;<a href="/atom.xml" target="_blank" rel="noopener noreferrer">{rss}</a>
   {% endif %}
   </div>
 
   <div class="langua">
-    <a href="/">en </a>|<a href="/ru"> ru </a>|<a href="/it"> it</a>
+      <a href="/">en</a>&nbsp;|&nbsp;<a href="/ru">ru</a>&nbsp;|&nbsp;<a href="/it">it</a>
   </div>
 </div>
 
-<body onload="getTheme()">
+<body>
   <div class="emptyspa"></div>
-  <section class="section">
-    <div class="container">
+  <div class="mainb">
+  <section class="postback">
+    <div>
       {% block content %} {% endblock %}
     </div>
   </section>
+  </div>
   <div class="scroll-container"><a href="#top">
     <img src="{{ config.base_url }}{{ config.extra.arrow_icon }}" alt="arrow"
       width=18px height=auto></a></div>
@@ -71,5 +72,4 @@
 
 <div class="footer">
 </div>
-
 </html>
diff --git a/templates/categories/list.html b/templates/categories/list.html
index f04bab8..3e55cdb 100644
--- a/templates/categories/list.html
+++ b/templates/categories/list.html
@@ -1,7 +1,15 @@
 {% extends "base.html" %}
 
 {% block title %}
-<title>Categories</title>
+<title>
+{% if current_url is containing("/ru/") %}
+Категории
+{% elif current_url is containing("/it/") %}
+Categorie
+{% else %}
+Categories
+{% endif %}
+</title>
 {% endblock %}
 
 {% block content %}
diff --git a/templates/categories/single.html b/templates/categories/single.html
index aa49605..da84d9c 100644
--- a/templates/categories/single.html
+++ b/templates/categories/single.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block title %}
-<title>{{ term.name }} | {{ config.title }}</title>
+<title>/{{ term.name }}</title>
 {% endblock %}
 
 {% block content %}
diff --git a/templates/post-page.html b/templates/post-page.html
index bdfa6f2..f1a0966 100644
--- a/templates/post-page.html
+++ b/templates/post-page.html
@@ -1,7 +1,6 @@
 {% extends "base.html" %}
-
 {% block title %}
-<title>{{ page.title }} | {{ config.title }}</title>
+<title>{{ page.title }}</title>
 {% endblock %}
 
 {% block content %}
@@ -28,7 +27,6 @@
 <p>
   {{ page.content | safe }}
 </p>
-
 {% if page.extra.math %}
 <script>
   MathJax = {
@@ -41,5 +39,4 @@
   src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
 </script>
 {% endif %}
-
 {% endblock content %}
diff --git a/templates/post.html b/templates/post.html
index db8886f..cfd44c8 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -1,5 +1,17 @@
 {% extends "base.html" %}
 
+{% block title %}
+<title>
+{% if current_url is containing("/ru/") %}
+Архив
+{% elif current_url is containing("/it/") %}
+Archivio
+{% else %}
+Archive
+{% endif %}
+</title>
+{% endblock %}
+
 {% block content %}
 
 <h4>
diff --git a/templates/tags/single.html b/templates/tags/single.html
index 670ef49..3d3f066 100644
--- a/templates/tags/single.html
+++ b/templates/tags/single.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block title %}
-<title>{{ term.name }} | {{ config.title }}</title>
+<title>#{{ term.name }}</title>
 {% endblock %}
 
 {% block content %}