From 75d1ead18787c6f1aa1d3ee449e3b4c19d385220 Mon Sep 17 00:00:00 2001 From: Jannik Beyerstedt Date: Thu, 7 Apr 2016 21:57:06 +0200 Subject: [PATCH] [SITE] add template, blueprint, css for project pages and projects page --- assets/css/main.css | 3 + assets/css/main.css.map | Bin 7376 -> 7428 bytes assets/css/templates/project.css | 36 ++++ assets/css/templates/project.css.map | Bin 0 -> 2755 bytes assets/css/templates/projects.css | 249 ++++++++++++++++++++++++++ assets/css/templates/projects.css.map | Bin 0 -> 7751 bytes assets/scss/main.scss | 3 + assets/scss/templates/project.scss | 26 +++ assets/scss/templates/projects.scss | 31 ++++ site/blueprints/project.yaml | 25 +++ site/blueprints/projects.yaml | 14 ++ site/templates/project.php | 27 +++ site/templates/projects.php | 42 +++++ 13 files changed, 456 insertions(+) create mode 100644 assets/css/templates/project.css create mode 100644 assets/css/templates/project.css.map create mode 100644 assets/css/templates/projects.css create mode 100644 assets/css/templates/projects.css.map create mode 100644 assets/scss/templates/project.scss create mode 100644 assets/scss/templates/projects.scss create mode 100644 site/blueprints/project.yaml create mode 100644 site/blueprints/projects.yaml create mode 100644 site/templates/project.php create mode 100644 site/templates/projects.php diff --git a/assets/css/main.css b/assets/css/main.css index e03d9df..89dce11 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -219,4 +219,7 @@ div.video-container { width: 100%; height: 100%; } +.columns ul { + padding-left: 25px; } + /*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/assets/css/main.css.map b/assets/css/main.css.map index 469b046f1e9fef96cf94e8b357fb377700f63c78..a4ffa8dfacfd5a4cd6657c90976f08a78ee4cfa9 100644 GIT binary patch delta 78 zcmca$*02kig= diff --git a/assets/css/templates/project.css b/assets/css/templates/project.css new file mode 100644 index 0000000..d4a3574 --- /dev/null +++ b/assets/css/templates/project.css @@ -0,0 +1,36 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +.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=project.css.map */ \ No newline at end of file diff --git a/assets/css/templates/project.css.map b/assets/css/templates/project.css.map new file mode 100644 index 0000000000000000000000000000000000000000..dab1794d2448d8d4abb13bdd6ec15f17ce814929 GIT binary patch literal 2755 zcmbVOQBT`25Ps)Zpgue8rU}8;r*lXXR!T)FLogxaBu;9Y#F^ukj%ojWXD4NQ0FAh+ zs^)y(-FM&l9RE5vJREGfYJ{u?Uk*PJ^PGu-jfTjOXGEupN6(!62@Mvj_9%9AWx|X8SuW@=qsXcflv1jkEeGju-`@=NL`-2p3 zxb|=>X&0u57SFtY)+SM$R~~Acx}$N*x5MSuQH3@nq~@Vj&urxi&B_S8`ML zPg$|8mx?Vm)Zt{vq$*t`QZmOa?103XDY&QPQ~yF^maL6NRqELTyK>n}QlUIT^Cw*_2?JmxIHLLd(x9d!40jhRYQ0mE03@9^_;JS| zDmDE<&BF|d6`B@4$tgfiNf50k=Z44`t~^e%j!5(&n3E77B!2iYKtIEu_>t6fx%aL# zUHKiI=wx=ikAFNnrmYgT$TkXUVsIGG{JR0T!F+ckOA0lLa(ZhkMQeuE_h~fsP1OwL zGXY=9{??H)5@Yr={5f41&&y7bwnGqH>^p>xC^JLHNoIvyz7;Vv0$pJz{pT*LEfOP| zT$8UB9TN_~U-+b5InjxtD5Vhu%RE-}sM9rw7HxY_^Ke$s_99y05ZG(z{lV`)T*Yp- literal 0 HcmV?d00001 diff --git a/assets/css/templates/projects.css b/assets/css/templates/projects.css new file mode 100644 index 0000000..265b187 --- /dev/null +++ b/assets/css/templates/projects.css @@ -0,0 +1,249 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +.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; } + +.card { + position: relative; + display: block; + margin-bottom: 0.75rem; + background-color: #fff; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); } + +.card-block { + padding: 1.25rem; } + .card-block::after { + content: ""; + display: table; + clear: both; } + +.card-title { + margin-bottom: 0.75rem; } + +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; } + +.card-text:last-child { + margin-bottom: 0; } + +.card-link:hover { + text-decoration: none; } + +.card-link + .card-link { + margin-left: 1.25rem; } + +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + +.card-header { + padding: 0.75rem 1.25rem; + background-color: #f5f5f5; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); } + .card-header::after { + content: ""; + display: table; + clear: both; } + .card-header:first-child { + border-radius: 0.25rem 0.25rem 0 0; } + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: #f5f5f5; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); } + .card-footer::after { + content: ""; + display: table; + clear: both; } + .card-footer:last-child { + border-radius: 0 0 0.25rem 0.25rem; } + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; } + .card-header-tabs .nav-item { + margin-bottom: 0; } + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; } + +.card-primary { + background-color: #0275d8; + border-color: #0275d8; } + +.card-success { + background-color: #5cb85c; + border-color: #5cb85c; } + +.card-info { + background-color: #5bc0de; + border-color: #5bc0de; } + +.card-warning { + background-color: #f0ad4e; + border-color: #f0ad4e; } + +.card-danger { + background-color: #d9534f; + border-color: #d9534f; } + +.card-outline-primary { + background-color: transparent; + border-color: #0275d8; } + +.card-outline-secondary { + background-color: transparent; + border-color: #ccc; } + +.card-outline-info { + background-color: transparent; + border-color: #5bc0de; } + +.card-outline-success { + background-color: transparent; + border-color: #5cb85c; } + +.card-outline-warning { + background-color: transparent; + border-color: #f0ad4e; } + +.card-outline-danger { + background-color: transparent; + border-color: #d9534f; } + +.card-inverse .card-header, +.card-inverse .card-footer { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + +.card-inverse .card-header, +.card-inverse .card-footer, +.card-inverse .card-title, +.card-inverse .card-blockquote { + color: #fff; } + +.card-inverse .card-link, +.card-inverse .card-text, +.card-inverse .card-blockquote > footer { + color: rgba(255, 255, 255, 0.65); } + +.card-inverse .card-link:focus, +.card-inverse .card-link:hover { + color: #fff; } + +.card-blockquote { + padding: 0; + margin-bottom: 0; + border-left: 0; } + +.card-img { + border-radius: 0.25rem; } + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; } + +.card-img-top { + border-radius: 0.25rem 0.25rem 0 0; } + +.card-img-bottom { + border-radius: 0 0 0.25rem 0.25rem; } + +@media (min-width: 544px) { + .card-deck { + display: table; + table-layout: fixed; + border-spacing: 1.25rem 0; } + .card-deck .card { + display: table-cell; + width: 1%; + vertical-align: top; } + .card-deck-wrapper { + margin-right: -1.25rem; + margin-left: -1.25rem; } } + +@media (min-width: 544px) { + .card-group { + display: table; + width: 100%; + table-layout: fixed; } + .card-group .card { + display: table-cell; + vertical-align: top; } + .card-group .card + .card { + margin-left: 0; + border-left: 0; } + .card-group .card:first-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .card-group .card:first-child .card-img-top { + border-top-right-radius: 0; } + .card-group .card:first-child .card-img-bottom { + border-bottom-right-radius: 0; } + .card-group .card:last-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .card-group .card:last-child .card-img-top { + border-top-left-radius: 0; } + .card-group .card:last-child .card-img-bottom { + border-bottom-left-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) { + border-radius: 0; } + .card-group .card:not(:first-child):not(:last-child) .card-img-top, + .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { + border-radius: 0; } } + +@media (min-width: 544px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; } + .card-columns .card { + display: inline-block; + width: 100%; } } + +.card-img-top { + width: 100%; } + +/*# sourceMappingURL=projects.css.map */ \ No newline at end of file diff --git a/assets/css/templates/projects.css.map b/assets/css/templates/projects.css.map new file mode 100644 index 0000000000000000000000000000000000000000..67ba881ef21b03d2a2aa6f3a1ea5758af8bac1e2 GIT binary patch literal 7751 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 VIoUSV--4I;UYY+A{P$n~{ts4Vt&so# literal 0 HcmV?d00001 diff --git a/assets/scss/main.scss b/assets/scss/main.scss index f4f43cd..82a02da 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -296,3 +296,6 @@ div.video-container { width: 100%; height: 100%; } +.columns ul { + padding-left: 25px; +} diff --git a/assets/scss/templates/project.scss b/assets/scss/templates/project.scss new file mode 100644 index 0000000..38bec15 --- /dev/null +++ b/assets/scss/templates/project.scss @@ -0,0 +1,26 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +@import "custom"; +@import "variables"; +@import "mixins"; + +@import "../mainvariables"; + +// change main.scss behavior - inverted color style +body { + +} + + +// additional css +main.project { + .container { + + } +} + + + +// ---- from boostrap ---- +@import "images"; diff --git a/assets/scss/templates/projects.scss b/assets/scss/templates/projects.scss new file mode 100644 index 0000000..41dc76a --- /dev/null +++ b/assets/scss/templates/projects.scss @@ -0,0 +1,31 @@ +/* STYLE for jannikbeyerstedt.de + * for specific template + */ +@import "custom"; +@import "variables"; +@import "mixins"; + +@import "../mainvariables"; + +// change main.scss behavior - inverted color style +body { + +} + + +// additional css +main.projects { + .container { + + } +} + + + +// ---- from boostrap ---- +@import "images"; +@import "card"; + +.card-img-top { + width: 100%; +} diff --git a/site/blueprints/project.yaml b/site/blueprints/project.yaml new file mode 100644 index 0000000..6e00dc6 --- /dev/null +++ b/site/blueprints/project.yaml @@ -0,0 +1,25 @@ +title: Project +pages: + template: + - project + +files: true + +fields: + title: + label: Title + type: text + exrpt_img: + label: Excerpt image + type: image + width: 1/2 + exrpt_text: + label: Excerpt for overview + type: textarea + width: 1/2 + text: + label: Text + type: textarea + text2: + label: Text below masonry + type: textarea diff --git a/site/blueprints/projects.yaml b/site/blueprints/projects.yaml new file mode 100644 index 0000000..a23cd4d --- /dev/null +++ b/site/blueprints/projects.yaml @@ -0,0 +1,14 @@ +title: Projects +pages: + template: + - project + +files: true + +fields: + title: + label: Title + type: text + text: + label: Text + type: textarea diff --git a/site/templates/project.php b/site/templates/project.php new file mode 100644 index 0000000..0e5d9e1 --- /dev/null +++ b/site/templates/project.php @@ -0,0 +1,27 @@ + + +
+
+

title()->kirbytext(); ?>

+ text()->kirbytext(); ?> +
+ + $page)) ; ?> + +
+ text2()->kirbytext(); ?> +
+
+ + + diff --git a/site/templates/projects.php b/site/templates/projects.php new file mode 100644 index 0000000..e8ef6f9 --- /dev/null +++ b/site/templates/projects.php @@ -0,0 +1,42 @@ +children(); + +snippet('base/html-head'); +snippet('base/cont-header'); +?> + +
+
+

title()->kirbytext(); ?>

+ text()->kirbytext(); ?> +
+ +
+ +
+ images()->find($c->exrpt_img())) { + echo thumb($img, array('width'=>400, 'class'=>"card-img-top")); + } ?> +
+
title()->html(); ?>
+

exrpt_text()->kirbytext(); ?>

+ mehr +
+
+
':''; + echo ($i%4 == 0)?'
':'' + ?> + +
+
+ + +