From dce6689e3ce4d76a164d3095ad6e40d20df4a123 Mon Sep 17 00:00:00 2001
From: rick <rick@gnous.eu>
Date: Fri, 20 Aug 2021 18:26:42 +0200
Subject: [PATCH] feat(responsive): article partially responsive

---
 static/css/style.css | 220 ++++++++++++++++---------------------------
 1 file changed, 80 insertions(+), 140 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 2453662..2c890c8 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -287,146 +287,7 @@ pre * {
   content: "\e903";
 }
 
-/* pygments */
-.highlight .c { color: #8f5902; font-style: italic; }
-
-.highlight .err { color: #a40000; border: 1px solid #ef2929; }
-
-.highlight .g { color: #000000; }
-
-.highlight .k { color: #204a87; font-weight: bold; }
-
-.highlight .l { color: #000000; }
-
-.highlight .n { color: #000000; }
-
-.highlight .o { color: #ce5c00; font-weight: bold; }
-
-.highlight .x { color: #000000; }
-
-.highlight .p { color: #000000; font-weight: bold; }
-
-.highlight .cm { color: #8f5902; font-style: italic; }
-
-.highlight .cp { color: #8f5902; font-style: italic; }
-
-.highlight .c1 { color: #8f5902; font-style: italic; }
-
-.highlight .cs { color: #8f5902; font-style: italic; }
-
-.highlight .gd { color: #a40000; }
-
-.highlight .ge { color: #000000; font-style: italic; }
-
-.highlight .gr { color: #ef2929; }
-
-.highlight .gh { color: #000080; font-weight: bold; }
-
-.highlight .gi { color: #00A000; }
-
-.highlight .go { color: #000000; font-style: italic; }
-
-.highlight .gp { color: #8f5902; }
-
-.highlight .gs { color: #000000; font-weight: bold; }
-
-.highlight .gu { color: #800080; font-weight: bold; }
-
-.highlight .gt { color: #a40000; font-weight: bold; }
-
-.highlight .kc { color: #204a87; font-weight: bold; }
-
-.highlight .kd { color: #204a87; font-weight: bold; }
-
-.highlight .kn { color: #204a87; font-weight: bold; }
-
-.highlight .kp { color: #204a87; font-weight: bold; }
-
-.highlight .kr { color: #204a87; font-weight: bold; }
-
-.highlight .kt { color: #204a87; font-weight: bold; }
-
-.highlight .ld { color: #000000; }
-
-.highlight .m { color: #0000cf; font-weight: bold; }
-
-.highlight .s { color: #4e9a06; }
-
-.highlight .na { color: #c4a000; }
-
-.highlight .nb { color: #204a87; }
-
-.highlight .nc { color: #000000; }
-
-.highlight .no { color: #000000; }
-
-.highlight .nd { color: #5c35cc; font-weight: bold; }
-
-.highlight .ni { color: #ce5c00; }
-
-.highlight .ne { color: #cc0000; font-weight: bold; }
-
-.highlight .nf { color: #000000; }
-
-.highlight .nl { color: #f57900; }
-
-.highlight .nn { color: #000000; }
-
-.highlight .nx { color: #000000; }
-
-.highlight .py { color: #000000; }
-
-.highlight .nt { color: #204a87; font-weight: bold; }
-
-.highlight .nv { color: #000000; }
-
-.highlight .ow { color: #204a87; font-weight: bold; }
-
-.highlight .w { color: #f8f8f8; text-decoration: underline; }
-
-.highlight .mb { color: #0000cf; font-weight: bold; }
-
-.highlight .mf { color: #0000cf; font-weight: bold; }
-
-.highlight .mh { color: #0000cf; font-weight: bold; }
-
-.highlight .mi { color: #0000cf; font-weight: bold; }
-
-.highlight .mo { color: #0000cf; font-weight: bold; }
-
-.highlight .sb { color: #4e9a06; }
-
-.highlight .sc { color: #4e9a06; }
-
-.highlight .sd { color: #8f5902; font-style: italic; }
-
-.highlight .s2 { color: #4e9a06; }
-
-.highlight .se { color: #4e9a06; }
-
-.highlight .sh { color: #4e9a06; }
-
-.highlight .si { color: #4e9a06; }
-
-.highlight .sx { color: #4e9a06; }
-
-.highlight .sr { color: #4e9a06; }
-
-.highlight .s1 { color: #4e9a06; }
-
-.highlight .ss { color: #4e9a06; }
-
-.highlight .bp { color: #3465a4; }
-
-.highlight .vc { color: #000000; }
-
-.highlight .vg { color: #000000; }
-
-.highlight .vi { color: #000000; }
-
-.highlight .il { color: #0000cf; font-weight: bold; }
-
-@media (max-width: 800px) {
+@media screen and (min-resolution: 192dpi) {
   .pre-art {
     margin-left: 1em;
     margin-right: 1em;
@@ -436,4 +297,83 @@ pre * {
     margin-left: 1em;
     margin-right: 1em;
   }
+  
+  #article-content h2 {
+    font-size: 60px;
+  }
+  
+  #article-content p, code {
+    font-size: 40px;
+  }
 }
+
+/* pygments */
+.highlight .c { color: #8f5902; font-style: italic; }
+.highlight .err { color: #a40000; border: 1px solid #ef2929; }
+.highlight .g { color: #000000; }
+.highlight .k { color: #204a87; font-weight: bold; }
+.highlight .l { color: #000000; }
+.highlight .n { color: #000000; }
+.highlight .o { color: #ce5c00; font-weight: bold; }
+.highlight .x { color: #000000; }
+.highlight .p { color: #000000; font-weight: bold; }
+.highlight .cm { color: #8f5902; font-style: italic; }
+.highlight .cp { color: #8f5902; font-style: italic; }
+.highlight .c1 { color: #8f5902; font-style: italic; }
+.highlight .cs { color: #8f5902; font-style: italic; }
+.highlight .gd { color: #a40000; }
+.highlight .ge { color: #000000; font-style: italic; }
+.highlight .gr { color: #ef2929; }
+.highlight .gh { color: #000080; font-weight: bold; }
+.highlight .gi { color: #00A000; }
+.highlight .go { color: #000000; font-style: italic; }
+.highlight .gp { color: #8f5902; }
+.highlight .gs { color: #000000; font-weight: bold; }
+.highlight .gu { color: #800080; font-weight: bold; }
+.highlight .gt { color: #a40000; font-weight: bold; }
+.highlight .kc { color: #204a87; font-weight: bold; }
+.highlight .kd { color: #204a87; font-weight: bold; }
+.highlight .kn { color: #204a87; font-weight: bold; }
+.highlight .kp { color: #204a87; font-weight: bold; }
+.highlight .kr { color: #204a87; font-weight: bold; }
+.highlight .kt { color: #204a87; font-weight: bold; }
+.highlight .ld { color: #000000; }
+.highlight .m { color: #0000cf; font-weight: bold; }
+.highlight .s { color: #4e9a06; }
+.highlight .na { color: #c4a000; }
+.highlight .nb { color: #204a87; }
+.highlight .nc { color: #000000; }
+.highlight .no { color: #000000; }
+.highlight .nd { color: #5c35cc; font-weight: bold; }
+.highlight .ni { color: #ce5c00; }
+.highlight .ne { color: #cc0000; font-weight: bold; }
+.highlight .nf { color: #000000; }
+.highlight .nl { color: #f57900; }
+.highlight .nn { color: #000000; }
+.highlight .nx { color: #000000; }
+.highlight .py { color: #000000; }
+.highlight .nt { color: #204a87; font-weight: bold; }
+.highlight .nv { color: #000000; }
+.highlight .ow { color: #204a87; font-weight: bold; }
+.highlight .w { color: #f8f8f8; text-decoration: underline; }
+.highlight .mb { color: #0000cf; font-weight: bold; }
+.highlight .mf { color: #0000cf; font-weight: bold; }
+.highlight .mh { color: #0000cf; font-weight: bold; }
+.highlight .mi { color: #0000cf; font-weight: bold; }
+.highlight .mo { color: #0000cf; font-weight: bold; }
+.highlight .sb { color: #4e9a06; }
+.highlight .sc { color: #4e9a06; }
+.highlight .sd { color: #8f5902; font-style: italic; }
+.highlight .s2 { color: #4e9a06; }
+.highlight .se { color: #4e9a06; }
+.highlight .sh { color: #4e9a06; }
+.highlight .si { color: #4e9a06; }
+.highlight .sx { color: #4e9a06; }
+.highlight .sr { color: #4e9a06; }
+.highlight .s1 { color: #4e9a06; }
+.highlight .ss { color: #4e9a06; }
+.highlight .bp { color: #3465a4; }
+.highlight .vc { color: #000000; }
+.highlight .vg { color: #000000; }
+.highlight .vi { color: #000000; }
+.highlight .il { color: #0000cf; font-weight: bold; }