- {{ content }} -

+ + + +

+ +

+ {% include nav.html %} +

+ +

+ {{ content }} +

\ No newline at end of file diff --git a/_posts/code/2020-07-21-node-one-time-pw.md b/_posts/code/2020-07-21-node-one-time-pw.md index 6173af6..846e6f3 100644 --- a/_posts/code/2020-07-21-node-one-time-pw.md +++ b/_posts/code/2020-07-21-node-one-time-pw.md @@ -50,12 +50,12 @@ Notion.so uses a similar login-flow that this code is unabashadly inspired by. ## Endpoints in this demo -- GET `/` public root -- POST `/register` Post form w/email field -- POST `/login` Post form w/password field -- GET `/login` The default redirect if not authenticated -- POST `/logout` Clear cookies to "log out" -- GET `/protected` A demo of protected route that resolves if user is authenticated +- `GET /` public root +- `POST /register` Post form w/email field +- `POST /login` Post form w/password field +- `GET /login` The default redirect if not authenticated +- `POST /logout` Clear cookies to "log out" +- `GET /protected` A demo of protected route that resolves if user is authenticated ### Suggestions and TODO diff --git a/_posts/snippets/2010-05-15-bash-rewrite_multiple_slashes.md b/_posts/snippets/2010-05-15-bash-rewrite_multiple_slashes.md index 89286b8..a3ce4ca 100644 --- a/_posts/snippets/2010-05-15-bash-rewrite_multiple_slashes.md +++ b/_posts/snippets/2010-05-15-bash-rewrite_multiple_slashes.md @@ -1,6 +1,6 @@ --- date: 2010-05-15 -title: "Rewrite URL: Replace Double Slashes With Single Slash" +title: "URL Rewrite Double Slashes to Single" tags: htaccess apache layout: post category: snippets diff --git a/_posts/snippets/2011-07-07-bootable_iso.md b/_posts/snippets/2011-07-07-bootable_iso.md index 515418c..6af5fc4 100644 --- a/_posts/snippets/2011-07-07-bootable_iso.md +++ b/_posts/snippets/2011-07-07-bootable_iso.md @@ -1,5 +1,5 @@ --- -title: "create bootable iso from unix/osx terminal" +title: "flash usb stick w/bootable iso" date: july 7 2011 layout: post category: snippets diff --git a/_posts/snippets/2014-06-20-gifs_w_ffmpeg_gifsicle.md b/_posts/snippets/2014-06-20-gifs_w_ffmpeg_gifsicle.md index 329844c..e2217c0 100644 --- a/_posts/snippets/2014-06-20-gifs_w_ffmpeg_gifsicle.md +++ b/_posts/snippets/2014-06-20-gifs_w_ffmpeg_gifsicle.md @@ -1,6 +1,6 @@ --- date: 2014-06-20 -title: creating gif from mov with ffmpeg and gifsicle +title: gif from mov category: snippets ---

diff --git a/about.md b/about.md
index c9d9da3..c49c2e9 100644
--- a/about.md
+++ b/about.md
@@ -2,10 +2,16 @@
 title: about
 ---
 
-Â© 1999â{{ "now" | date: "%Y" }} [gabriel dunne](https://gabrieldunne.com)
+`quilime.com` was started April 30, 2000. It's taken various forms of a project portfolio and blog. 
+
+Â© 1999â{{ "now" | date: "%Y" }} [~gld](https://gabrieldunne.com)
 
 older versions
 
 - [2007](http://portfolio.quilime.com/new/port.php)
 - [2005](http://portfolio.quilime.com/recent.html)
 - [2004](http://portfolio.quilime.com/archive/)
+
+personal website
+
+- [gabrieldunne.com](https://gabrieldunne.com)
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 6f8b31c..94bd35b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -5,13 +5,14 @@ h1, :root {
 
 body, table {
     font-family: arial, monaco, monospace;
-    font-size:14px;
-    line-height:1.4em;
+    font-size: 1em;
+    line-height: 1.4em;
 }
 body {
     background: var(--bg-color);
     padding:0;
-    margin:2em;
+    font-size:18px;
+    margin:1em;
     color: #ddd;
 }
 a {
@@ -116,11 +117,10 @@ table, td, tr {
 }
 
 #content {
-    position: absolute;
-    z-index: -1;
-    top:2em;
-    padding-left: 160px;
-    padding-bottom: 20px;
+/*    position: absolute;*/
+/*    z-index: -1;*/
+    padding-left: 12em;
+    padding-bottom: 2em;
 }
 #content.single {
     padding-top:0;
@@ -165,12 +165,11 @@ span.nextprev span a:hover {
 
 
 #nav {
-/*display:none;*/
   position:fixed;
   top:0;
   left:0;
   padding:20px;
-  width:100px;
+  width:120px;
 }
 #nav li, ul.nav {
   list-style-type:none;
@@ -203,8 +202,8 @@ span.nextprev span a:hover {
 }
 .entry h1 {
     margin-bottom:1em;
-    position:relative;
-    left:-1.5em;
+/*    position:relative;*/
+/*    left:-1.5em;*/
 }
 .entry h1 a {
 }
@@ -227,7 +226,9 @@ span.nextprev span a:hover {
 .entry p {
      max-width:720px;
 }
-
+.entry h1 {
+    text-indent: -1.5em;
+}
 
 .archive li {
     padding-bottom:5px;
@@ -267,4 +268,113 @@ ul.image {
 
 ._c {
     display: none;
-}
\ No newline at end of file
+}
+
+
+
+
+
+/* hamburger */
+
+#hamburger-menu {
+    width: 1.5em;
+    height: 1.25em;
+    position:absolute;
+    top:2.2em;
+    left:2em;
+    display:none;
+    background: linear-gradient(
+      to bottom,
+      var(--link-color), var(--link-color) 20%,
+      var(--bg-color) 20%, var(--bg-color) 40%,
+      var(--link-color) 40%, var(--link-color) 60%,
+      var(--bg-color) 60%, var(--bg-color) 80%,
+      var(--link-color) 80%, var(--link-color) 100%
+    );
+}
+#hamburger-input {
+  display:none;
+}
+#hamburger-input:checked + #hamburger-menu {
+  width:100%;
+  position:absolute;
+  top:0;
+  left:0;
+}
+#hamburger-input:checked + #hamburger-menu #nav {
+  visibility: visible;
+  padding:2em;
+
+}
+#hamburger-input:checked ~ .overlay {
+  visibility: visible;
+  opacity: 1;
+}
+#hamburger-input:checked ~ #content {
+  display: none;
+}
+.overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    visibility: hidden;
+    overflow: hidden;
+    background: var(--bg-color);
+}
+.nav-index {
+  display:none;
+}
+.nav-index ul.nav li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+
+
+
+
+
+@media only screen and (device-width: 1060px),
+only screen and (max-width:1060px) {
+  body {
+    font-size:18px;
+    margin: 2em;
+  }
+  #nav {
+    visibility: hidden;
+    z-index:1;
+    top:0;
+    left:0;
+    width:100%;
+    margin-left:1em;
+  }
+  #nav ul {
+    width:100%;
+    padding-bottom:2em;
+  }
+  #hamburger-menu {
+    display: block;
+    margin-left:1em;
+  }
+  .breadcrumbs {
+    padding-left:2.8em;
+  }
+  .breadcrumbs h2::before {
+    content : "> ";
+  }
+  .index-block {
+    padding-top:4em;
+  }
+  #content {
+    padding-left: 1em;
+    padding-top: 5em;
+    padding-right:3em;
+  }
+  .nav-index {
+    display: block;
+  }
+}

{{ page.title }}