color change

config.toml

@@ -2,7 +2,7 @@ baseURL = 'https://zerai.xyz/'
 title = 'Naoufal Zerai'
 theme = 'notepadium'
 
-copyright = "©2020 Notepadium."
+copyright = "<a rel=license href=http://creativecommons.org/licenses/by-nc-sa/4.0/><img alt=Creative Commons License style=border-width:0 src=https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png /></a><br />This work is licensed under a <a rel=license href=http://creativecommons.org/licenses/by-nc-sa/4.0/>Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>."
 
 languageCode = "en"  # for the RSS generation
 defaultContentLanguage = "en"
@@ -36,7 +36,7 @@ readingTime = false  # show reading time after article date
 logo = ""
 slogan = "100% JavaScript-free"
 #license = "<a rel=license href=http://creativecommons.org/licenses/by-nc-sa/4.0/><img alt=Creative Commons License style=border-width:0 src=https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png /></a><br />This work is licensed under a <a rel=license href=http://creativecommons.org/licenses/by-nc-sa/4.0/>Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>."
-ipv6ready = true
+#ipv6ready = true
 
 [params.assets]
 css = ["css/fonts.css"]
@@ -60,9 +60,9 @@ darkTheme = "dracula"
 
 [params.profile]
   enable = true
-  avatar = "https://d33wubrfki0l68.cloudfront.net/ddf49425628d8aec7523db143916b34ae1641e11/b97e8/images/gopher-side_color.svg"
+  avatar = "zerai.jpg"
-  name = "gohugo"
+  name = ""
-  bio = "Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again."  # support markdown syntax
+  bio = ""  # support markdown syntax
   # twitter = "GoHugoIO"  # https://twitter.com/XXX
   github = "naoufalzerai"  # https://github.com/XXX
   email = "naoufal.zerai@gmail.com"

themes/notepadium/assets/css/style.css

@@ -34,8 +34,23 @@
   background-color: rgba(0, 0, 0, 0.35)
 }
 
+@font-face {
+  font-family: 'Harabara-Bold';
+    src:  url('../fonts/webfonts_Harabara-Bold/Harabara-Bold.ttf.woff') format('woff'),
+    url('../fonts/webfonts_Harabara-Bold/Harabara-Bold.ttf.svg#Harabara-Bold') format('svg'),
+    url('../fonts/webfonts_Harabara-Bold/Harabara-Bold.ttf.eot'),
+    url('../fonts/webfonts_Harabara-Bold/Harabara-Bold.eot?#iefix') format('embedded-opentype'); 
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face{
+  font-family: 'Raleway';
+    src: url('../fonts/raleway/Raleway-Regular.ttf');
+}
+
+
 html {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
+  font-family: 'Raleway';
   font-size: 15px;
   font-weight: 400;
   line-height: 1.5;
@@ -44,7 +59,7 @@ html {
 body {
   display: block;
   color: #24292e;
-  background-color: #f3f6f9;
+  background-color: #EEEDE7;
 
   word-break: normal;
   word-wrap: break-word;
@@ -182,7 +197,7 @@ th {
 }
 
 table thead {
-  color: #1d2b4c;
+  color: #637E90;
 }
 
 table tr:nth-child(even) {
@@ -190,7 +205,7 @@ table tr:nth-child(even) {
 }
 
 a {
-  color: #06c;
+  color: #4E4F50;
   text-decoration: none;
   -webkit-tap-highlight-color: transparent;
   -webkit-text-decoration-skip: objects;
@@ -303,7 +318,8 @@ b {
 }
 
 .site.name {
-  color: rgba(29, 43, 76, .85);
+  font-family:  'Harabara-Bold';
+  color: #647C90;
 }
 
 .site.slogan {
@@ -375,7 +391,7 @@ b {
 }
 
 .title {
-  color: rgba(29, 43, 76, .85);
+  color: #4E4F50;
 }
 
 .note {
@@ -387,12 +403,16 @@ b {
   text-decoration: none;
 }
 
-.note.title,
+.note.title{
-.site.name {
   font-size: 1.125em;
   font-weight: 600;
 }
 
+.site.name {
+  font-size: 2.125em;
+  font-weight: 600;
+}
+
 .mldr {
   opacity: .6;
 }
@@ -532,7 +552,7 @@ b {
 .slogan,
 .date,
 .license {
-  color: rgba(23,81,153,.72);
+  color: #746C70;
 }
 
 .pagination {
@@ -554,14 +574,14 @@ b {
 }
 
 .pagination ul li a {
-  color: #06c;
+  color: #647C90;
   float: left;
   padding: 8px 16px;
   text-decoration: none;
 }
 
 .pagination ul li a.active {
-  background-color: #06c;
+  background-color: #647C90;
   color: #fff;
 }
 
@@ -595,7 +615,7 @@ b {
 .article.markdown-body h4,
 .article.markdown-body h5,
 .article.markdown-body h6 {
-  color: #1d2b4c;
+  color: #637E90;
   margin-top: 24px;
   margin-bottom: 20px;
 }
@@ -715,9 +735,7 @@ b {
 @media (max-width: 1012px) {
   .note.list .item,
   .article-container {
-    padding: 24px;
+    margin: 5px;
-    border-radius: 0;
-    box-shadow: none;
   }
 
   .article.bottom {
@@ -777,3 +795,7 @@ b {
 .article.markdown-body .lntable tr>:first-child {
   border-right: 1px dashed #e6e6e6;
 }
+.powerby,
+.copyright{
+  color: #24292e;
+}

themes/notepadium/layouts/partials/head.html

@@ -25,3 +25,7 @@
 {{- end -}}
 {{- partial "head-extra.html" . -}}
 
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet"> 
+

themes/notepadium/layouts/partials/header.html

@@ -6,11 +6,18 @@
                 {{- $logo := site.Params.logo -}}
                 {{- if $logo -}}
                 <img class="site logo" src="{{- $logo | relURL -}}" alt />
-                {{- end -}}
+                {{- else }}
                 <span class="site name">{{- site.Title | safeHTML -}}</span>
+                {{- end -}}
             </a>
         </span>
 
+        
+        <span class="header">
+            {{- partial "navigation-items.html" site.Params.nav -}}
+        </span>    
+
+        
         {{- with site.Params.slogan -}}
             <span class="title">
                 {{- with site.Params.profile.github -}}
@@ -22,12 +29,6 @@
                 {{- end -}}
             </span>
         {{- end -}}
-
-        
-        
-        <span class="header">
-            {{- partial "navigation-items.html" site.Params.nav -}}
-        </span>    
     
     </div>
 </section>