From 8d8a4e624af1d1bccadcd7dfa3c729ca147d41ca Mon Sep 17 00:00:00 2001
From: ayham <altffour@protonmail.com>
Date: Thu, 30 Dec 2021 15:00:58 +0300
Subject: [PATCH] update style

---
 blog/style.css  | 56 ++++++++++++++++++++++++++++++-------------------
 index.htm       | 10 ++++++---
 store/style.css | 56 ++++++++++++++++++++++++++++++-------------------
 style.css       | 56 ++++++++++++++++++++++++++++++-------------------
 4 files changed, 112 insertions(+), 66 deletions(-)

diff --git a/blog/style.css b/blog/style.css
index a6ab85f..a38eb8b 100644
--- a/blog/style.css
+++ b/blog/style.css
@@ -37,6 +37,25 @@ main {
 	overflow:hidden;
 	margin:auto;
 }
+nav {
+		width: 4em;
+	}
+	.hidden {
+		display: none;
+	}
+	nav li {
+		float: none;
+	}
+	nav ul li:hover .hidden {
+		display: inline-block;
+	}
+	nav ul li:hover {
+		margin-right: -5em;
+	}
+	nav ul {
+		align-items: flex-start;
+		display: flex-container;
+	}
 #partial_header {
 	float:right;
 	display:block;
@@ -49,6 +68,10 @@ nav,footer {
 	border-radius: 5px ;
 	border: dashed 1px var(--bordercolor) ;
 	max-width: var(--genwidth);
+	display: block;
+}
+nav ul li a {
+	display: block;
 }
 nav {
 	margin-left: 5px;
@@ -62,30 +85,12 @@ nav,header {
 	max-width: var(--genwidth) ;
 }
 nav li,footer li {
-	transition:all 1s ease-in-out;
 	display: block ;
 	list-style: none ;
 	background: var(--bg) ;
 	border-radius: 10px ;
 	padding: .5em ;
 }
-nav {
-	width: 4em;
-}
-.hidden {
-	display: none;
-}
-nav ul li:hover .hidden {
-	display: inline-block;
-}
-nav ul li:hover {
-	margin-right: -5em;
-}
-nav ul {
-	align-items: flex-start;
-	display: flex-container;
-}
-
 nav ul, footer ul, #taglist {
 	padding: 0;
 	margin: .5em;
@@ -134,11 +139,18 @@ code {
 	overflow-wrap: break-word;
 }
 .resright {
+	display: none;
+	margin: auto;
+	max-width: 90%;
+	max-height: 300px;
+	float: none;
+}
+.reappear {
 	display: block;
 	margin: auto;
 	max-width: 90%;
 	max-height: 300px;
-	display: none;
+	float: none;
 }
 .bar {
 	color: greenyellow;
@@ -156,9 +168,8 @@ td {
 }
 
 /* This should be genwidth + (navwidth*2) + padding */
-@media (min-width: 1200px) {
+@media (min-width: 1200px) {	
 	nav {
-		float: left ;
 		vertical-align: middle ;
 		position: fixed ;
 		text-align: left ;
@@ -205,6 +216,9 @@ ul.images li img {
 		max-height: 300px ;
 		max-width: 300px ;
 	}
+	.reappear {
+		display: none;
+	}
 	.resmid {
 		max-height: 300px ;
 		max-width: 300px ;
diff --git a/index.htm b/index.htm
index 134519c..3c98dad 100644
--- a/index.htm
+++ b/index.htm
@@ -35,8 +35,6 @@
 https://blog.ayham.xyz/rss.xml</code></pre>
 				</center>
 
-
-
 				<h2>Hello! Welcome!</h2>
 				<p>Click around, you could find something interesting.</p>
 
@@ -61,6 +59,12 @@ https://blog.ayham.xyz/rss.xml</code></pre>
 					<dd>My gpg keys and contact info</dd>
 				</dl>
 				<br/>
+				<center class=reappear>
+					<h3>🐑Follow me on RSS</h3>
+					<pre style=max-width:300px;maring:auto><code>https://blog.ayham.xyz/atom.xml
+https://blog.ayham.xyz/rss.xml</code></pre>
+				</center>
+
 				<center id="webpins" width="70%">
 					Unique Users:
 					<a href="https://www.digits.net" target="_blank"
@@ -73,7 +77,7 @@ https://blog.ayham.xyz/rss.xml</code></pre>
 						<img width=88 height=31 src="pix/webpins/ayhamxyz.gif" alt="ayham.xyz webpin"></a>
 				</center>
 			</div>
-		<div id=partial_footer></div>
+			<div id=partial_footer></div>
 		</main>
 		<script src="js/main.js"></script>
 	</body>
diff --git a/store/style.css b/store/style.css
index a6ab85f..a38eb8b 100644
--- a/store/style.css
+++ b/store/style.css
@@ -37,6 +37,25 @@ main {
 	overflow:hidden;
 	margin:auto;
 }
+nav {
+		width: 4em;
+	}
+	.hidden {
+		display: none;
+	}
+	nav li {
+		float: none;
+	}
+	nav ul li:hover .hidden {
+		display: inline-block;
+	}
+	nav ul li:hover {
+		margin-right: -5em;
+	}
+	nav ul {
+		align-items: flex-start;
+		display: flex-container;
+	}
 #partial_header {
 	float:right;
 	display:block;
@@ -49,6 +68,10 @@ nav,footer {
 	border-radius: 5px ;
 	border: dashed 1px var(--bordercolor) ;
 	max-width: var(--genwidth);
+	display: block;
+}
+nav ul li a {
+	display: block;
 }
 nav {
 	margin-left: 5px;
@@ -62,30 +85,12 @@ nav,header {
 	max-width: var(--genwidth) ;
 }
 nav li,footer li {
-	transition:all 1s ease-in-out;
 	display: block ;
 	list-style: none ;
 	background: var(--bg) ;
 	border-radius: 10px ;
 	padding: .5em ;
 }
-nav {
-	width: 4em;
-}
-.hidden {
-	display: none;
-}
-nav ul li:hover .hidden {
-	display: inline-block;
-}
-nav ul li:hover {
-	margin-right: -5em;
-}
-nav ul {
-	align-items: flex-start;
-	display: flex-container;
-}
-
 nav ul, footer ul, #taglist {
 	padding: 0;
 	margin: .5em;
@@ -134,11 +139,18 @@ code {
 	overflow-wrap: break-word;
 }
 .resright {
+	display: none;
+	margin: auto;
+	max-width: 90%;
+	max-height: 300px;
+	float: none;
+}
+.reappear {
 	display: block;
 	margin: auto;
 	max-width: 90%;
 	max-height: 300px;
-	display: none;
+	float: none;
 }
 .bar {
 	color: greenyellow;
@@ -156,9 +168,8 @@ td {
 }
 
 /* This should be genwidth + (navwidth*2) + padding */
-@media (min-width: 1200px) {
+@media (min-width: 1200px) {	
 	nav {
-		float: left ;
 		vertical-align: middle ;
 		position: fixed ;
 		text-align: left ;
@@ -205,6 +216,9 @@ ul.images li img {
 		max-height: 300px ;
 		max-width: 300px ;
 	}
+	.reappear {
+		display: none;
+	}
 	.resmid {
 		max-height: 300px ;
 		max-width: 300px ;
diff --git a/style.css b/style.css
index a6ab85f..a38eb8b 100644
--- a/style.css
+++ b/style.css
@@ -37,6 +37,25 @@ main {
 	overflow:hidden;
 	margin:auto;
 }
+nav {
+		width: 4em;
+	}
+	.hidden {
+		display: none;
+	}
+	nav li {
+		float: none;
+	}
+	nav ul li:hover .hidden {
+		display: inline-block;
+	}
+	nav ul li:hover {
+		margin-right: -5em;
+	}
+	nav ul {
+		align-items: flex-start;
+		display: flex-container;
+	}
 #partial_header {
 	float:right;
 	display:block;
@@ -49,6 +68,10 @@ nav,footer {
 	border-radius: 5px ;
 	border: dashed 1px var(--bordercolor) ;
 	max-width: var(--genwidth);
+	display: block;
+}
+nav ul li a {
+	display: block;
 }
 nav {
 	margin-left: 5px;
@@ -62,30 +85,12 @@ nav,header {
 	max-width: var(--genwidth) ;
 }
 nav li,footer li {
-	transition:all 1s ease-in-out;
 	display: block ;
 	list-style: none ;
 	background: var(--bg) ;
 	border-radius: 10px ;
 	padding: .5em ;
 }
-nav {
-	width: 4em;
-}
-.hidden {
-	display: none;
-}
-nav ul li:hover .hidden {
-	display: inline-block;
-}
-nav ul li:hover {
-	margin-right: -5em;
-}
-nav ul {
-	align-items: flex-start;
-	display: flex-container;
-}
-
 nav ul, footer ul, #taglist {
 	padding: 0;
 	margin: .5em;
@@ -134,11 +139,18 @@ code {
 	overflow-wrap: break-word;
 }
 .resright {
+	display: none;
+	margin: auto;
+	max-width: 90%;
+	max-height: 300px;
+	float: none;
+}
+.reappear {
 	display: block;
 	margin: auto;
 	max-width: 90%;
 	max-height: 300px;
-	display: none;
+	float: none;
 }
 .bar {
 	color: greenyellow;
@@ -156,9 +168,8 @@ td {
 }
 
 /* This should be genwidth + (navwidth*2) + padding */
-@media (min-width: 1200px) {
+@media (min-width: 1200px) {	
 	nav {
-		float: left ;
 		vertical-align: middle ;
 		position: fixed ;
 		text-align: left ;
@@ -205,6 +216,9 @@ ul.images li img {
 		max-height: 300px ;
 		max-width: 300px ;
 	}
+	.reappear {
+		display: none;
+	}
 	.resmid {
 		max-height: 300px ;
 		max-width: 300px ;