n-channel

commit 5b6ba253aa561807f37b4cbf5e3442d6ab4d5d82
parent 660f730f3886465d1602d9e2df34605bdf57f002
Author: Samdal <samdal@protonmail.com>
Date:   Fri, 21 Feb 2025 03:03:30 +0100

make navigation tab fixed in size

Diffstat:
M
_layouts/default.html
 | 
2
+-
D
_layouts/search.html
 | 
27
---------------------------
M
_pages/search.md
 | 
1
+
M
_sass/_main.scss
 | 
7
++++++-
M
index.html
 | 
2
+-

5 files changed, 9 insertions(+), 30 deletions(-)
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -12,7 +12,7 @@ layout: compress
 
           <div class="main-title-columns">
 
-            <img style="image-rendering: crisp-edges; height: 100%; height: 80px; margin: auto 0px; margin-right: 10px;" src="/favicon.png" widht=64 height=46>
+            <img style="image-rendering: crisp-edges; height: 100%; height: 4rem; margin: auto 0px; margin-right: 0.4rem;" src="/favicon.png" widht=64 height=46>
 
             <div class="main-title-rows">
               <h1 style="margin-bottom: 5px;">
diff --git a/_layouts/search.html b/_layouts/search.html
@@ -1,27 +0,0 @@
----
-layout: default
-title: Search
----
-
-<!-- Html Elements for Search -->
-<div id="search-container">
-<input type="text" id="search-input" placeholder="search...">
-<ul id="results-container"></ul>
-</div>
-
-<!-- Script pointing to search-script.js -->
-<script src="/search.js" type="text/javascript"></script>
-
-<!-- Configuration -->
-<script>
-SimpleJekyllSearch({
-  searchInput: document.getElementById('search-input'),
-  resultsContainer: document.getElementById('results-container'),
-  json: '/search.json',
-  searchResultTemplate: '<li><a href="{url}" title="{description}">{title}</a></li>',
-  noResultsText: 'No results found',
-  limit: 10,
-  fuzzy: false,
-  exclude: ['Welcome']
-})
-</script>
diff --git a/_pages/search.md b/_pages/search.md
@@ -6,6 +6,7 @@ title: Search
 <style>
   #search-container {
       max-width: 100%;
+      padding-right: 1rem;
   }
 
   input[type=text] {
diff --git a/_sass/_main.scss b/_sass/_main.scss
@@ -134,6 +134,7 @@ hr {
 header {
 	margin-top: 0px;
 	flex-basis:6rem;
+	max-width: 6rem;
 	flex-grow:1;
 	position:relative;
 	word-break: keep-all;
@@ -245,6 +246,10 @@ main {
 
 
 @media screen and (max-width: 45rem ) {
+
+	header {
+		max-width: 100%;
+	}
 	header li {
 		display: inline;
 		margin-right: 1rem;
@@ -272,7 +277,7 @@ section {
 	min-width:70%;
 	display:flex;
 	flex-direction:column;
-	
+
 }
 
 @media print
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@ layout: default
 ---
 
 <section class="posts">
-<ul>
+<ul style="padding: 0px; margin: 0px;">
 {% for post in site.posts != 1 %}
  <li {% cycle 'alternate-color': 'style="color: #799f7c;"', 'style="color: #b3b781;"'%} >
    <a style="color: inherit" href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>