Add new subpage for µhttpd.

author: Horus3 2016-11-22 15:51:13 +0100
committer: Horus3 2016-11-22 15:51:13 +0100
commit: f49b160a5283d13f5f8ce9af95b987d2556883f1 (patch)
tree: 2da4359076606ee01e89db5ce44827a0acd79f60 /layouts
parent: b3c8fe94e1ef9686a97662c2e4fb4b4e70006a20 (diff)
download: iamfabulous.de-f49b160a5283d13f5f8ce9af95b987d2556883f1.tar.gz
4 files changed, 163 insertions, 9 deletions
diff --git a/layouts/partials/css.tmpl b/layouts/partials/css.tmpl
index 45efad7..ef7a9ca 100644
--- a/layouts/partials/css.tmpl
+++ b/layouts/partials/css.tmpl
@@ -1,9 +1,13 @@
 {{$tmp := getenv "HUGO_TEST"}}
 {{if eq $tmp "1"}}
-<link href="/normalize.css" rel="stylesheet" type="text/css">
-<link href="/skeleton.css" rel="stylesheet" type="text/css">
-<link href="/font.css" rel="stylesheet" type="text/css">
-<link href="/custom.css" rel="stylesheet" type="text/css">
+	<link href="{{$.Site.BaseURL}}normalize.css" rel="stylesheet" type="text/css">
+	<link href="{{$.Site.BaseURL}}font.css" rel="stylesheet" type="text/css">
+	<link href="{{$.Site.BaseURL}}skeleton.css" rel="stylesheet" type="text/css">
+	<!--link href="/font.css" rel="stylesheet" type="text/css"-->
+
+	{{ if not ($.Scratch.Get "NoCustomCSS") }}
+		<link href="{{$.Site.BaseURL}}custom.css" rel="stylesheet" type="text/css">
+	{{end}}
 {{else}}
 	<style>
 	{{$tmp := getenv "HUGO_GULP"}}
diff --git a/layouts/partials/header.tmpl b/layouts/partials/header.tmpl
index 47ee061..5737464 100644
--- a/layouts/partials/header.tmpl
+++ b/layouts/partials/header.tmpl
@@ -4,7 +4,9 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, minimumscale=1.0, maximum-scale=1.0" />
 <title>moehring | {{.Title}}</title>
-{{partial "favicon.tmpl"}}
-{{partial "css.tmpl"}}
-</head>
-<body>
+{{ if not ($.Scratch.Get "NoCustomCSS") }}
+	{{partial "css.tmpl" .}}
+	{{partial "favicon.tmpl"}}
+	</head>
+	<body>
+{{end}}
diff --git a/layouts/projects/single.html b/layouts/projects/single.html
index e1cb89e..8f7db35 100644
--- a/layouts/projects/single.html
+++ b/layouts/projects/single.html
@@ -14,7 +14,8 @@
         	<div class="text-left six columns">
 		    <a href="https://images.iamfabulous.de" title="images">images</a><br>
 		    <a href="https://scribble.iamfabulous.de" title="scribble">scribble</a><br>
-		    <a href="https://uhttpd.iamfabulous.de" title="uhttpd">uhttpd</a><br>
+		    <!--a href="https://uhttpd.iamfabulous.de" title="uhttpd">uhttpd</a><br-->
+	    	    <a href="{{$.Site.BaseURL}}uhttpd/" title="µhttpd">µhttpd</a><br>
 		    <!--a href="https://ifconfig.iamfabulous.de" title="your ip">your ip</a><br-->
 	    <a href="{{$.Site.BaseURL}}journal/my-ip" title="your ip">your ip</a><br>
 		    <a href="https://bitch.iamfabulous.de" title="bitch">bitch</a><br>
diff --git a/layouts/uhttpd/single.html b/layouts/uhttpd/single.html
new file mode 100644
index 0000000..cfcab76
--- /dev/null
+++ b/layouts/uhttpd/single.html
@@ -0,0 +1,147 @@
+  {{ $.Scratch.Set "NoCustomCSS" true }}
+  {{ partial "header.tmpl" . }}
+  <meta name="description" content="µhttpd is a self-contained instant micro web server. You can use it to share files from your local computer with others.">
+  <meta name="author" content="Maximilian Möhring">
+<style>
+  {{readFile "static/font.css" | safeCSS}}
+	/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+	html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}a:active,a:hover{outline:0}strong{font-weight:700}img{border:0}code{font-family:monospace,monospace}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column{width:100%;float:left;box-sizing:border-box}.demos{position:relative}.demo{position: relative;max-width: 100%;top:20px;/*margin: 3rem auto -12rem*/}
+	@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:550px){.container{width:80%}.column{margin-left:4%}.column:first-child{margin-left:0}.one-third.column{width:30.6666666667%}.one-half.column{width:48%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;color:#222}h2,h3,h4{margin-top:0;margin-bottom:2rem;font-weight:300}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}
+
+@media (min-width:550px){h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}}p{margin-top:0}a{color:#1EAEDB}a:hover{color:#0FA0CE}.button{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover{color:#333;border-color:#888;outline:0}.button.button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:focus,.button.button-primary:hover{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}.button{margin-bottom:1rem}p{margin-bottom:2.5rem}.u-max-full-width{max-width:100%;box-sizing:border-box}.container:after,.row:after{content:"";display:table;clear:both}.button{border-radius:100px}.section{padding:8rem 0 7rem;text-align:center}.section-description,.section-heading{margin-bottom:1.2rem}.values{background:#179089;background-image:linear-gradient(to right,#179089,#169f81);color:#fff;padding-bottom:5rem}.value-heading{margin-bottom:.3rem}.value-description{opacity:.8;font-weight:300}.installation{border-bottom:1px solid #ddd}.categories{background:#179089;color:#fff}.categories .section-description{margin-bottom:4rem}@media (min-width:550px){.section{padding:12rem 0 11rem}.hero{padding-bottom:12rem;text-align:left;height:165px}.hero-heading{font-size:2.4rem}.demo{top:-20px}}@media (min-width:750px){.hero{height:190px}.hero-heading{font-size:2.6rem}.section{padding:14rem 0 15rem}.hero{padding:16rem 0 14rem}.section-description{max-width:60%;margin-left:auto;margin-right:auto}.categories{padding:15rem 0 8rem}.demo{top:-120px}}@media (min-width:1000px){.section{padding:20rem 0 19rem}.hero{padding:22rem 0}.hero-heading{font-size:3rem}.categories{background-image:linear-gradient(to right,#179089,#169f81)}.demo{top:-120px;transform:skew(-10deg)}}</style>
+  <style>
+.navigation {
+  border-bottom: 0px solid;
+  position: sticky;
+  top: 0;
+  background: #fff;
+  z-index: 1;
+  box-shadow: 0 -3px 10px rgba(0,0,0,.23);
+}
+nav.primary{
+  display: table;
+  margin: 0 auto;
+}
+
+nav.primary ul, nav.primary ul li {
+  margin: 0px;
+}
+
+nav.primary select {
+  width:  100%;
+  height: 40px;
+  /*
+  margin: 21px 0;
+  */
+}
+
+nav.primary ul li {
+  display: inline;
+  /*position: relative;*/
+}
+
+nav.primary ul li a {
+  display: inline-block;
+  line-height: 49px;
+  padding:  0 14px;
+	  /*
+  color: white;
+  text-transform: uppercase;
+*/
+  text-decoration: none;
+  font-weight: bold;
+  letter-spacing: 0.06em;
+  background: ##999999;
+}
+
+nav.primary ul li a:hover {
+  background-color:#33C3F0;
+  color: white;
+  cursor: pointer;
+}
+  </style>
+  {{ partial "favicon.tmpl" .}} 
+
+</head>
+
+<body>
+<!--Navigation-->
+<div class="band navigation">
+    <nav class="container primary">
+        <div class="sixteen columns">
+            <ul>
+		<li><a href=".." title="start page">home</a></li>
+                <li><a href="https://www.complicissimus.de/" title="my blog">my blog</a></li>
+                <li><a href="/projects/" title="side projects">projects</a></li>
+                <li><a href="https://www.complicissimus.de/about/#kontakt" title="contact">contact</a></li>
+	    </ul>
+        </div>
+    </nav>
+</div>
+  <div class="section hero">
+    <div class="container">
+      <div id="top" class="row">
+        <div class="one-half column">
+		<h4 class="hero-heading"><strong>µhttpd</strong> is a self-contained instant micro web server.<br>
+	  	Use it to share files from your local computer with others.</h4>
+          <a class="button button-primary" href="https://downloads.iamfabulous.de/uhttpd/">Download uhttpd</a>
+        </div>
+        <div class="one-half column demos">
+          <!--img class="u-max-full-width" src="/static/demo.png"-->
+	  <img class="demo" src="{{$.Site.BaseURL}}img/demo.png">
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="section values">
+    <div class="container">
+      <div id="description" class="row">
+        <div class="one-third column value">
+          <h2 class="value-heading">It's Simple</h2>
+	  <p class="value-description">Run <strong>µhttpd</strong> and it serves the directory content via web server, so you can access it with your web browser.</p>
+        </div>
+        <div class="one-third column value">
+          <h2 class="value-heading">Stream Media</h2>
+	  <p class="value-description">Access e.g. your music from your local net on every device. Just open a web browser and point it to a running <strong>µhttpd</strong>.</p>
+        </div>
+        <div class="one-third column value">
+          <h2 class="value-heading">Uploads</h2>
+	  <p class="value-description"><strong>µhttpd</strong> is able to recieve uploads from your browser. The target directory is fully customizable.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="section installation">
+    <div class="container">
+      <h3 id="installation" class="section-heading">Installation</h3>
+      <p class="section-description">The installation of <strong>µhttpd</strong> is very straightforward. Download the precompiled binary and run it.</p>
+	<p class="section-description">To compile from source you need a working Go environment (with cgo) and flex installed. Clone the repo and run <code>make</code></p>
+	<br>
+      <a class="button" href="https://git.iamfabulous.de/uhttpd">View source code</a>
+    </div>
+  </div>
+
+  <div class="section categories">
+    <div class="container">
+      <h3 id="usage" class="section-heading">Usage</h3>
+      <p class="section-description">You can modify <strong>µhttpd</strong> with some simple command line flags. Run '<strong>µhttpd</strong> -h' for more help. </p>
+      <p class="section-description"><strong>-dir:</strong> The directory to serve. Defaults to the working directory.<br>
+	      <strong>-ip:</strong> The ip <strong>µhttpd</strong> binds to. If not given, it binds to all interfaces µhttpd finds.<br>
+      <strong>-port:</strong> The port µhttpd will listen on.<br>
+      <strong>-quiet:</strong> When given µhttpd will not log the access. Only error messages will be issued.<br>
+      <strong>-disallow-upload:</strong> When given µhttpd does not allow to upload files.<br>
+      <strong>-upload-dir:</strong> Specify the directory to save uploaded files. Defaults to the working directory.</p>
+      <p class="section-description">To upload open <strong>/upload</strong> with your browser.</p>
+    </div>
+  </div>
+
+  <div class="section">
+    <div class="container">
+      <h3 id="credits" class="section-heading">Created By</h3>
+	    <p class="section-description">Written by Maximilian Möhring.</p>
+	    <a class="button button-primaryy" href="{{$.Site.BaseURL}}">Read Here More</a>
+    </div>
+  </div>
+  {{partial "footer.tmpl"}}
author	Horus3	2016-11-22 15:51:13 +0100
committer	Horus3	2016-11-22 15:51:13 +0100
commit	f49b160a5283d13f5f8ce9af95b987d2556883f1 (patch)
tree	2da4359076606ee01e89db5ce44827a0acd79f60 /layouts
parent	b3c8fe94e1ef9686a97662c2e4fb4b4e70006a20 (diff)
download	iamfabulous.de-f49b160a5283d13f5f8ce9af95b987d2556883f1.tar.gz