--- /dev/null
+<div id="nav">
+<ul>
+ <li><a href="{{site.url}}/">home</a></li>
+ <li><br /></li>
+ <li><a href="{{ site.url }}/code">open source</a></li>
+ <li><a href="{{ site.url }}/snippets">snippets</a></li>
+ <li><a href="{{ site.url }}/cli">cli</a></li>
+ <li><br /></li>
+ <li><a href="{{ site.url }}/about">about</a></li>
+ <li><a href="{{ site.url }}/feed.xml">rss</a></li>
+</ul>
+</div>
\ No newline at end of file
<h1>{{ page.title }}</h1>
-{{content}}
+{{ content }}
</head>
<body>
- <div id="nav">
- <ul>
- <li><a href="{{site.url}}/">home</a></li>
- <li><br /></li>
- <li><a href="{{ site.url }}/code">open source</a></li>
- <li><a href="{{ site.url }}/snippets">snippets</a></li>
- <li><a href="{{ site.url }}/cli">cli</a></li>
- <li><br /></li>
- <li><a href="{{ site.url }}/about">about</a></li>
- <li><a href="{{ site.url }}/feed.xml">rss</a></li>
- </ul>
-
- </div>
-
- <div id="content">
- {{ content }}
- <div>
+ <input type="checkbox" id="hamburger-input" class="burger-shower" />
+ <label id="hamburger-menu" for="hamburger-input">
+ {% include nav.html %}
+ </label>
+
+ <div class="overlay"></div>
+
+ <div class="nav_full">
+ {% include nav.html %}
+ </div>
+
+ <div id="content">
+ {{ content }}
+ <div>
</body>
</html>
\ No newline at end of file
## 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
---
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
---
-title: "create bootable iso from unix/osx terminal"
+title: "flash usb stick w/bootable iso"
date: july 7 2011
layout: post
category: snippets
---
date: 2014-06-20
-title: creating gif from mov with ffmpeg and gifsicle
+title: gif from mov
category: snippets
---
<pre class="prettyprint" >
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
<!-- - [2008](http://portfolio.quilime.com/2008) -->
- [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
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 {
}
#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;
#nav {
-/*display:none;*/
position:fixed;
top:0;
left:0;
padding:20px;
- width:100px;
+ width:120px;
}
#nav li, ul.nav {
list-style-type:none;
}
.entry h1 {
margin-bottom:1em;
- position:relative;
- left:-1.5em;
+/* position:relative;*/
+/* left:-1.5em;*/
}
.entry h1 a {
}
.entry p {
max-width:720px;
}
-
+.entry h1 {
+ text-indent: -1.5em;
+}
.archive li {
padding-bottom:5px;
._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;
+ }
+}
git.quilime.com / quilime.com.git / commitdiff