Cbranch

CNAME

@@ -0,0 +1 @@
+nikolauspitch.de

_config.yml

@@ -14,25 +14,24 @@ markdown: kramdown
 
 
 ### content configuration ###
-title:       "SinglePaged - Simple Jekyll template"
-keywords:    "SinglePaged, jekyll, template, github, blog, single page"
-description: "A single-page template for Jekyll based blogs (like what you'd use on github pages!)"
-source_link: "https://github.com/t413/SinglePaged"
-favicon:     "img/favicon.ico"
+title:       "ViperDev Nikolaus Pitch"
+keywords:    "Pitch, nonprofit, social, sozial, impact, Gesellschaft"
+description: "Brauchst du Softwareentwickler*innen um deine Idee zu realisieren? Soziale Unternehmungen können sich mit einer App-Idee bis zum 30. November 2018 bewerben."
+source_link: "https://github.com/viper-development/nikolauspitch"
+favicon:     "img/apple-touch-icon.png"
 touch_icon:  "img/apple-touch-icon.png"
-google_analytics_key: UA-49607422-1 ## put YOUR key here to enable tracking! (blank to disable)
+google_analytics_key:
 
 
 ### template colors, used site-wide via css ###
 colors:
   black:     '#111111'
   white:     '#f8f8f8'
-  blue:      '#49a7e9'
-  green:     '#9bcf2f'
+  blue:      '#201b54'
+  green:     '#6ca100'
   purple:    '#c869bf'
   orange:    '#fab125'
   turquoise: '#0fbfcf'
 
 kramdown:
   auto_ids:  false
-

_includes/css/base.css

@@ -128,11 +128,11 @@
 	input[type="reset"],
 	input[type="button"] {
 		background: #eee; /* Old browsers */
-		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
-		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
-		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
-		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
-		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
+	/*background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
+		/*background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
+		/*background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
+		/*background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
+		/*background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
 		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
 	  border: 1px solid #aaa;
 	  border-top: 1px solid #ccc;

_includes/css/main.css

@@ -75,7 +75,7 @@ hr {
 }
 .container p, .container ol, .container ul {
   font-size: 17px;
-  padding: 0 5%;
+  padding: 0 0;
 }
 .container ol, .container ul { padding: 0 8%; }
 .container p:first-of-type {
@@ -176,15 +176,15 @@ nav ul li:hover, nav ul li.active {
 }
 
 .section:first-of-type {
-    padding-top: 140px;
+    padding-top: 50px;
 }
 
 
 #footer {
   padding: 8px 0;
   min-height:0;
   text-align:center;
-  background-color:#2e2e2e;
+  background-color:#9fa1a5;
   background-image:none;
 }
 #footer .container p { font-size:13px; margin:0; }
@@ -195,7 +195,7 @@ nav ul li:hover, nav ul li.active {
   border-radius:50%;
   -moz-border-radius:50%;
   -webkit-border-radius:50%;
-  box-shadow: 0px 1px 15px rgba(0,0,0,0.05);
+  box-shadow: 0px 1px 15px rgba(0,0,0,0.2);
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAF0lEQVQIHWP8//+/MQMaYELjg7kUCgIASm8DOqGzfp8AAAAASUVORK5CYII=);
 }
 
@@ -302,7 +302,159 @@ nav ul li:hover, nav ul li.active {
     box-sizing: content-box;
   }
 }
+/*-----Stuff Chris Added------*/
+.block-slogan {
+    position: relative;
+    bottom: 15%;
+    left: 0;
+    width: 100%;
+    text-align: center;
+    color: #fff;
+}
+
+.block-slogan h1 {
+    text-align: center;
+    color: #fff;
+    font-size: 1.0em;
+    width: auto;
+    padding: 0 0.5em;
+    margin: 30px;
+    line-height: 1.4;
+}
+
+.block-slogan span {
+  font-family: arial, sans-serif;
+    padding-top:10px;
+    padding-bottom: 10px;
+    padding-left: 30px;
+    padding-right: 30px;
+    background-color: #093099;
+    display: inline;
+    box-shadow: 0 16px 24px 0 rgba(0,0,0,0.4);
+    -webkit-box-decoration-break: clone;
+    -ms-box-decoration-break: clone;
+    -o-box-decoration-break: clone;
+    box-decoration-break: clone;
+}
+#img-text {
+  position: relative;
+  overflow: hidden;
+  display: flex;
+}
+.member {
+  position:relative;
+  color: black;
+  float:left;
+  width: 50%;
+  margin: 1% 1% 45px 1%
+}
+
+.member img {
+  display: block;
+  margin: 0 auto;
+}
+
+.button {
+    background-color: #bc3e40;
+    border-color: #bc3e40;
+    font-family: Tahoma, Geneva, sans-serif;
+    color: white !important;
+    padding: 15px 10px;
+    text-align: center;
+    display: inline-block;
+    font-size: 18px;
+    font-weight: bold;
+    margin: 10px 2px;
+    cursor: pointer;
+    box-shadow: 0 16px 18px 0 rgba(0,0,0,0.4);
+}
+
+.button:hover {
+    background-color: #9e2121;
+    color: white;
+}
 
+.pricebox {
+  position: relative;
+  display: block;
+  width: 700px;
+  margin-left: inherit;
+  margin-right: inherit;
+  margin-top: 25px;
+}
+.pricebox header{
+  font-family: arial, sans-serif;
+  position: relative;
+  font-size: 22px;
+  padding-left: 8px;
+  padding-bottom: 8px;
+  padding-top: 8px;
+  display: block;
+  width: auto;
+  margin-left: inherit;
+  margin-right: inherit;
+  background-color: #AC4947;
+  color: white !important;
+}
+
+.pricebox span{
+  font-style: arial, sans-serif;
+  padding-top:10px;
+  padding-bottom: 10px;
+  padding-left: 100px;
+  padding-right: 30px;
+  display: inline;
+  text-align: center;
+  font-size: 18px;
+  align: right;
+  color: white;
+}
+
+.pricebox h6{
+  color: white !important;
+  font-size: 16px;
+  font-family: Impact, Charcoal, sans-serif;
+  vertical-align: middle;
+  text-align: left;
+  display: inline-block;
+}
+
+.pricebox img {
+  float: left;
+  position: sticky;
+}
+
+.pricebox p{
+  font-family: arial, sans-serif;
+  display: inline-block;
+  font-size: 16px;
+  position: relative;
+  width: 500px;
+  padding-left: 100px;
+  padding-top: 0px;
+
+}
+
+.pricebox ul.a{
+  font-family: arial, sans-serif;
+  display: inline-block;
+  font-size: 16px;
+  position: relative;
+  width: 500px;
+  padding-left: 180px;
+  padding-top: 10px;
+}
+
+.smalltextbox {
+  align: center
+  width: 200px
+  display: inline-block;
+  text-align: center;
+}
+.smalltextbox p{
+  font-family: arial, sans-serif;
+  font-size: 12px;
+}
 
 
 /* mid size (tablets, landscapes) */

_posts/2000-01-01-intro.md

@@ -4,25 +4,24 @@ bg: white
 color: black
 style: center
 ---
+![ViperDanta](img/vipersantawobg.png)
+###### in Kooperation mit dem [StartupDock](https://startupdock.de/)
+<div class="block-slogan">
+<h1><span style="font-size : 22px;">Du brauchst Softawreentwickler*innen um deine Idee zu realisieren?</span></h1>
+</div>
+<div class="block-slogan">
+<h1><span style="font-size : 22px;">Dann gib Nikolaus dein Gesicht!</span></h1>
+</div>
 
-### *whoa, hey an open-source*
-{: .text-purple}
+<a href="#bewerbung" class="button">Jetzt bewerben!</a>
 
-<span class="fa-stack subtlecircle" style="font-size:100px; background:rgba(255,166,0,0.1)">
-  <i class="fa fa-circle fa-stack-2x text-white"></i>
-  <i class="fa fa-bicycle fa-stack-1x text-orange"></i>
-</span>
-
-# single-page jekyll theme
-{: .text-purple}
-
-
-…it's focused on delivering information quickly, easily, configurably, and stylishly!
-
-Want to make a single-page site to show off something cool? Go [fork me on github!](https://github.com/t413/SinglePaged)
-
-<span id="forkongithub">
-  <a href="{{ site.source_link }}" class="bg-blue">
-    Fork me on GitHub
-  </a>
-</span>
+<div id="img-text">
+<div class="member">
+    <img src="/img/lightbulb.png" alt="sometext" />
+    <p>Wir suchen soziale Unternehmungen aller Art (z.B. Social Startups, eingetragene Vereine oder Stiftungen) mit einer App-Idee, die die Welt verbessert.</p>
+</div>
+<div class="member">
+    <img src="/img/glorycup.png" alt="sometext" />
+    <p>Die besten Projekte werden zu einem Event am 6. Dezember, 17-19 Uhr, im Startup Dock eingeladen, um sich vorzustellen.</p>
+</div>
+</div>

_posts/2000-01-02-award.md

@@ -0,0 +1,36 @@
+---
+title: "Preise"
+bg: white
+color: black
+fa-icon: trophy
+---
+<div class="smalltextbox">
+<p><a href="https://viperdev.io/">ViperDev</a> hilft den drei besten Teams mit folgenden Paketen ihre Ideen voranzutreiben:</p>
+</div>
+<div class="pricebox">
+  <header style="background-color: #bc3e40;"><h6>1. Preis:</h6><span>10 000€</span></header>
+  <img src="/img/firstprize.png">
+  <p> in Form einer Softwarelösung. Z.B. eine App oder komplexere Website um auf ein Problem Aufmerksam zu machen oder die richtigen Menschen zusammenzubringen</p>
+</div>
+
+<div class="pricebox">
+  <header style="background-color: #3460a3;"><h6>2. Preis:</h6><span>1 000€</span></header>
+  <img src="/img/secondprize.png">
+  <p> in Form einer Strategieberatung, Software-Architekturplanung sowie App-Design:
+  <ul class="a">
+  <li> Mentorship von erfahrenen Gründer*innen um Ideen schnell und fokussiert mit minimalem Aufwand umzusetzen</li>
+  <li> Software-Architekturplanung mit einem*r ViperDev Softwarearchitektur-Expert*in</li>
+  <li> UI und UX Design deiner App damit du sie einfach mit einem*r Softwareentwickler*in umsetzen kannst</li></ul></p>
+</div>
+
+<div class="pricebox">
+  <header style="background-color: #ACD9EB;"><h6>3. Preis:</h6><span>700€</span></header>
+  <img src="/img/thirdprize.png">
+  <p> in Form einer Strategieberatung und Software-Architekturplanung sowie im Wert von:
+  <ul class="a">
+  <li> Mentorship von erfahrenen Gründer*innen um Ideen schnell und fokussiert mit minimalem Aufwand umzusetzen</li>
+  <li>Software-Architekturplanung mit einem*r ViperDev Softwarearchitektur-Expert*in</li></ul></p>
+</div>
+<div class="smalltextbox">
+<a class="button" href="https://sils1.typeform.com/to/TsR3Vv" data-mode="popup" data-submit-close-delay="5" target="_blank">Jetzt mitmachen!</a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
+</div>