made site even _more_ responsive

j4cobgarby · Jul 23, 2024 · 3de791e · 3de791e
1 parent 9608b60
commit 3de791e
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 23 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -3,6 +3,7 @@
 <html>
     <head>
         <title>Jacob Garby - {{ page.title }}</title>
+        <meta name="viewport" content="width=device-width">
         <link rel="stylesheet" href="/assets/css/style.css">
 
         <link rel="apple-touch-icon" sizes="180x180" href="/assets/fav/apple-touch-icon.png">

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -31,11 +31,8 @@ h1 {
 
 h1.bigtitle {
     margin: auto;
-
+    margin-bottom: 5px;
     text-align: center;
-    margin-bottom: 20pt;
-
-    cursor: default;
 }
 
 h4 {
@@ -126,7 +123,6 @@ div.content {
     box-sizing: border-box;
     border: 2px solid brown;
     border-radius: 4px;
-
     height: fit-content;
 }
 
@@ -140,7 +136,7 @@ div.container {
     align-items: flex-start;
     flex-wrap: wrap;
     gap: 10px;
-    margin: 20px;
+    padding: 20px;
 }
 
 div.footer {
@@ -199,9 +195,8 @@ p > img {
 
 img.icon {
     float: left;
-    margin: 0;
-    margin-right: 10px;
-    width: 110px;
+    margin: 10px 10px 0 0;
+    width: 95px;
     border: 1px solid brown;
     border-radius: 5px;
 }
@@ -240,8 +235,9 @@ div.card > h2, div.card > h3 {
     margin-bottom: 5px;
 }
 
-
-@media (max-width: 950px) {
+/* When there isn't sufficient space to comfortably show the sidebar on the side,
+ * show a minimal version of it at the top of the page instead */
+@media (max-width: 1000px) {
     body {
         text-align: justify;
     }
@@ -257,8 +253,6 @@ div.card > h2, div.card > h3 {
       min-width: unset;
       max-width: 100%;
       width: 100%;
-      border: none;
-      border-radius: 0;
     }
 
     div.sidebar {
@@ -276,7 +270,19 @@ div.card > h2, div.card > h3 {
     div.sidebar ul {
       padding-left: 0;
     }
+
+    div.stickybox > * {
+        font-size: 10px;
+    }
+
+    .hide_on_mobile {
+        display: none;
+    }
+}
 
+/* On super thin window (probably only phone), the project cards should be in
+ * just one column. */
+@media (max-width: 550px) {
     div.cardContainer {
         display: flex;
         flex-direction: column;
@@ -285,12 +291,4 @@ div.card > h2, div.card > h3 {
     div.card {
         padding: 5%;
     }
-
-    div.stickybox > * {
-        font-size: 10px;
-    }
-
-    .hide_on_mobile {
-        display: none;
-    }
 }
diff --git a/blog/_posts/2024-07-22-A-Card-Game.md b/blog/_posts/2024-07-22-A-Card-Game.md
@@ -124,8 +124,8 @@ Still, there could be a situation where a player must pick up more cards than
 are in the deck _and_ that are available to move into the deck from the
 `discard` pile. In this case, you can either:
 
- 1) Pick up as many cards as possible, exhausting the deck and `discard`, or
- 2) Do as in option 1, but remember how many cards you still need "in debt",
+ 1. Pick up as many cards as possible, exhausting the deck and `discard`, or
+ 2. Do as in option 1, but remember how many cards you still need "in debt",
     and pick them up as and when they become available.
 
 I can't remember which option we used when we played. Probably 1, since 2
@@ -160,3 +160,17 @@ Example 7. <pick up three cards from deck> ....... due to not having any cards t
 Example 8. Ac            ......................... Ace cancels pick-up, and player now chooses next suit freely
 Example 9. Jc            ......................... Pick-up avoids pick-up, and `pickup` now = 8 for the next person!
 ```
+
+Here's an example of a particularly long turn.
+
+```
+Example 10. Ks Kc 6c 6h 6d 6s Qs 8h 8d 3d 4d 4h As Ac Ad Ah Jh Jd Jc Js
+```
+
+To clarify some points about example 10:
+
+ - Two kings are played at first. This switches next-turn direction twice, so it's unchanged.
+ - Two 8's are played, thereby skipping the next two players. This takes effect after this turn.
+ - Four Jacks are played at the end, forcing the next player whose turn it is to pick up 3+3+5+5=16
+    cards if they're unable to cancel it with Aces (which they can't, since all the Aces were played
+    in this turn), and unable to add to the pick-up with at least a 2 of spades.