From 477c37c713831f30c320b61543934b58ea8a937d Mon Sep 17 00:00:00 2001
From: Jannik Beyerstedt <code@jannikbeyerstedt.de>
Date: Fri, 8 Apr 2016 23:59:49 +0200
Subject: [PATCH] [SITE] add template, blueprint, css for webdesign page

---
 assets/css/templates/webdesign.css     |  52 +++++++++++++++++++++++++
 assets/css/templates/webdesign.css.map | Bin 0 -> 3081 bytes
 assets/scss/templates/webdesign.scss   |  46 ++++++++++++++++++++++
 site/blueprints/webdesign.yaml         |  23 +++++++++++
 site/templates/webdesign.php           |  36 +++++++++++++++++
 5 files changed, 157 insertions(+)
 create mode 100644 assets/css/templates/webdesign.css
 create mode 100644 assets/css/templates/webdesign.css.map
 create mode 100644 assets/scss/templates/webdesign.scss
 create mode 100644 site/blueprints/webdesign.yaml
 create mode 100644 site/templates/webdesign.php

diff --git a/assets/css/templates/webdesign.css b/assets/css/templates/webdesign.css
new file mode 100644
index 0000000..fd27935
--- /dev/null
+++ b/assets/css/templates/webdesign.css
@@ -0,0 +1,52 @@
+/* STYLE for jannikbeyerstedt.de
+ * for specific template
+ */
+main.webdesign .container {
+  margin-top: 30px; }
+
+.featurette h2 {
+  font-family: inherit;
+  margin-top: 10px; }
+
+@media (max-width: 767px) {
+  .featurette img {
+    margin-top: 50px; } }
+
+@media (max-width: 543px) {
+  .featurette img {
+    margin: 0 auto;
+    max-height: 200px; } }
+
+.img-fluid {
+  display: block;
+  max-width: 100%;
+  height: auto; }
+
+.img-rounded {
+  border-radius: 0.3rem; }
+
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 0.25rem;
+  transition: all 0.2s ease-in-out;
+  display: inline-block;
+  max-width: 100%;
+  height: auto; }
+
+.img-circle {
+  border-radius: 50%; }
+
+.figure {
+  display: inline-block; }
+
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1; }
+
+.figure-caption {
+  font-size: 90%;
+  color: #818a91; }
+
+/*# sourceMappingURL=webdesign.css.map */
\ No newline at end of file
diff --git a/assets/css/templates/webdesign.css.map b/assets/css/templates/webdesign.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..ffd34bef3e357decfa6d4657623940e72f8b034b
GIT binary patch
literal 3081
zcmbVOO>^5e5WVMDcytD>c3O|q^0c5S(v@Y!Urp>z#siWdg@`0n5R%<=^53%yl8R>P
zxFIz<2*AGGw{LeL{QKtUXtI;0QM#V|e)J2Yb*@T@i^-ErGTEr2K2Dov;*J`<HK}ay
z^e?nT+vDRYej7BHT3KyMVP!M@2BZUr+?(!XooUld6RmAyjo7r{$8_6RT^;{8U?+?c
zNhzBFm`XjX`Xzu%;IR^_9^+P3q8P%Xr7?X>j1=pQR<(VJ(|45W!7Gh*`|;d+nBzJe
zW<@a^WMm_)hwWs?Fh#WbEQd#JQX^&Up|;tWu;YSSk$AbrCLYeWRmsX{I~+?W59e+r
z8Z{!cgRfLJLS+ZFW?QE?^23RXQkoI@CR=Ouixd1m(~=64jSy%f3RMe>x8v{>OVx~-
zYl3-&(c8`NkhR!(nc87NN8Aj#Hq{u3j4rT+M<8)#O6eK>G(6Enq-)Zs&OCQv*JFA~
z8`Q}&B2#0=wjiJ!b#<qu6ed^C!}BhT%Dmi&N<L|`9)}-}+HA|Rt1tfRe>{8%1iH2;
z0zC-Y{Yq>$sxIh>FaiAdegt9U1IROW4sgzBlidN_u>c_0|H}Ljg4=c(0)%8dXAzve
z^AWs!VDACmw-9%X;12{jYY*Js65xvV4F9j6S&n`d>tMzf01Jlp7wiV$hJJ-?j=}u!
z@`Qil2Z17hh(dnw&jEpsv@`FyW#sc$e({>m-K#!(G9kHGQk?uC4$@kn29Epugm?0g
zZhja=w+s_rVghGt-emycZ~P!F;z@$6_?}@eY<v-uu=59Y4{+~<^}~Po^(_+sf`uo%
zSY8ndix53uuDG+#SPGDK)(|8egSfK%Z%&H^5-Tk)16FW=g0nDQ&n{f$@#NDi?})@d
zg-gtg^o@QF(T*y>f>>M3lKKR#Ys*(bM<;%}xa<9&E=~^%+*c_eoU2#hYKR^lrj8V9
z6c_y7Ws18w?tUx%YZ}c1%37d&`|cw-|LjOn=V0`6YSU}7yy^sLD+J+XUm-L^nMGeq
znBRWSV?+YoP?XPIRM&Cnkz&pMaAioC#DUtEA?wnK-x`imk|3Doso^J`u3>!LmIpPD
S7A0>V^EF;0?kWHA&6lsRpu^(;

literal 0
HcmV?d00001

diff --git a/assets/scss/templates/webdesign.scss b/assets/scss/templates/webdesign.scss
new file mode 100644
index 0000000..d1d2ede
--- /dev/null
+++ b/assets/scss/templates/webdesign.scss
@@ -0,0 +1,46 @@
+/* STYLE for jannikbeyerstedt.de
+ * for specific template
+ */
+@import "custom";
+@import "variables";
+@import "mixins";
+
+@import "../mainvariables";
+
+// change main.scss behavior
+body {
+
+}
+
+
+// additional css
+main.webdesign {
+  .container {
+    margin-top: 30px;
+  }
+}
+
+.featurette {
+  
+  h2 {
+    font-family: inherit;
+    margin-top: 10px;
+  }
+
+  @include media-breakpoint-down(sm) {
+    img {
+      margin-top: 50px;
+    }
+  }
+  @include media-breakpoint-down(xs) {
+    img {
+      margin: 0 auto;
+      max-height: 200px;
+    }
+  }
+}
+
+
+
+// ---- from boostrap ----
+@import "images";
diff --git a/site/blueprints/webdesign.yaml b/site/blueprints/webdesign.yaml
new file mode 100644
index 0000000..383cbcf
--- /dev/null
+++ b/site/blueprints/webdesign.yaml
@@ -0,0 +1,23 @@
+title: Webdesign
+pages: true
+
+files: true
+
+fields:
+  title:
+    label: Title
+    type:  text
+  featurette_headline:
+    label: Featurette Headline
+    type:  text
+  featurette_text:
+    label: Featurette Text
+    type:  textarea
+    width: 1/2
+  featurette_img:
+    label: Featurette Image
+    type:  image
+    width: 1/2
+  text:
+    label: Text
+    type:  textarea
diff --git a/site/templates/webdesign.php b/site/templates/webdesign.php
new file mode 100644
index 0000000..fc91e9a
--- /dev/null
+++ b/site/templates/webdesign.php
@@ -0,0 +1,36 @@
+<?php
+// -------------------------------------------
+// kirby template FOR jannikbeyerstedt.de
+
+// copyright: Jannik Beyerstedt | https://jannikbeyerstedt.de
+// license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License
+// -------------------------------------------
+
+$img = $page->images()->find($page->featurette_img());
+
+snippet('base/html-head');
+snippet('base/cont-header');
+?>
+
+<main class="section webdesign">
+  <div class="container">
+
+    <div class="row featurette">
+      <div class="col-sm-9">
+        <h2 class="featurette-heading"><?php echo $page->featurette_headline()->html() ?></h2>
+        <p class="lead"><?php echo $page->featurette_text()->kirbytextRaw() ?></p>
+      </div>
+      <div class="col-sm-3">
+        <?php if ($img = $page->images()->find($page->featurette_img())) {
+          echo '<img src="'.$img->width(235)->url().'" class="img-fluid img-rounded" alt="Portrait">';
+        }?>
+      </div>
+    </div>
+
+    <?php echo $page->text()->kirbytext(); ?>
+
+  </div>
+</main>
+
+<?php snippet('base/cont-footer') ?>
+<?php snippet('base/html-end') ?>