From 705f924fa67512021712c375568774161acd89eb Mon Sep 17 00:00:00 2001 From: Leo Maroni Date: Mon, 7 May 2018 20:56:39 +0200 Subject: [PATCH] Beispielartikel hinzugefuegt; Blogdesign; kontakt angepasst --- _layouts/post.html | 16 ++++++++++++---- _posts/2018-05-04-hello-world.md | 26 ++++++++++++++++++++++++++ _scss/_main-section.scss | 16 ++++++++++++++++ _scss/_post.scss | 10 ++++++++++ _scss/_typography.scss | 7 +++++-- assets/css/post.scss | 2 +- index.html | 18 ++++++++++++++++++ kontakt.html | 2 +- 8 files changed, 89 insertions(+), 8 deletions(-) create mode 100644 _posts/2018-05-04-hello-world.md create mode 100644 _scss/_post.scss diff --git a/_layouts/post.html b/_layouts/post.html index 5a53ba7..bb9e251 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -6,7 +6,7 @@ {{ site.title }} {% feed_meta %} - + @@ -15,12 +15,20 @@ {% include header.html %} -
- {{ content }} +
+
+ von {{ page.author }} +
+ am {{ page.date | date: "%d.%m.%y" }} +
+

{{ page.title }}

+
+ {{ content }} +
{% include footer.html %} - + \ No newline at end of file diff --git a/_posts/2018-05-04-hello-world.md b/_posts/2018-05-04-hello-world.md new file mode 100644 index 0000000..5f31c91 --- /dev/null +++ b/_posts/2018-05-04-hello-world.md @@ -0,0 +1,26 @@ +--- +layout: post +title: "Lorem Ipsum" +date: 2018-05-04 +author: "Leo Maroni" +description: "Lorem Ipsum Beispieltext" +--- +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. + +Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. + +Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. + +Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. + +Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. + +At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. + +Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus. + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. + +Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. + +Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. \ No newline at end of file diff --git a/_scss/_main-section.scss b/_scss/_main-section.scss index ef1caf3..0343989 100644 --- a/_scss/_main-section.scss +++ b/_scss/_main-section.scss @@ -92,4 +92,20 @@ main { } } } + #section-news { + ul.collection { + .collection-item { + &.avatar { + padding: 10px 20px; + .title { + font-size: 18px; + color: rgba(0,0,0,.87); + } + a>i.material-icons { + color: $ff_magenta; + } + } + } + } + } } \ No newline at end of file diff --git a/_scss/_post.scss b/_scss/_post.scss new file mode 100644 index 0000000..60fea9d --- /dev/null +++ b/_scss/_post.scss @@ -0,0 +1,10 @@ +main { + #meta { + margin: 1.84rem 0 1.424rem 0; + } + #title { + @extend .text-center, .thin-text; + border-bottom: $ff_yellow 2px solid; + padding-bottom: 2px; + } +} \ No newline at end of file diff --git a/_scss/_typography.scss b/_scss/_typography.scss index a2446a7..c904081 100644 --- a/_scss/_typography.scss +++ b/_scss/_typography.scss @@ -3,11 +3,14 @@ body { font-family: 'Roboto', sans-serif; } .thin-text { - font-weight: 100; + font-weight: 100 !important; } .light-text { - font-weight: 300; + font-weight: 300 !important; } .text-center { text-align: center; +} +.text-right { + text-align: right; } \ No newline at end of file diff --git a/assets/css/post.scss b/assets/css/post.scss index de6b3d5..bd8f624 100644 --- a/assets/css/post.scss +++ b/assets/css/post.scss @@ -5,5 +5,5 @@ @import "typography"; @import "general"; @import "header"; -@import "main-section"; +@import "post"; @import "footer"; \ No newline at end of file diff --git a/index.html b/index.html index fe6df38..9ee1c43 100644 --- a/index.html +++ b/index.html @@ -31,4 +31,22 @@ layout: page Wenn die im Koalitionsvertrag angekündigte Anerkennung der Gemeinnützigkeit nun noch dazu käme, wäre dies natürlich noch hilfreicher für die Praxis.

+
+
+

Aktuelles

+
+
    + {% for post in site.posts limit:5 %} +
  • + {{ post.title }} +

    + {{ post.description }} +
    + {{ post.date | date: "%d.%m.%y" }} von {{ post.author }} +

    + chrome_reader_mode +
    • + {% endfor %} +
+
\ No newline at end of file diff --git a/kontakt.html b/kontakt.html index 0f7259a..9e7437e 100644 --- a/kontakt.html +++ b/kontakt.html @@ -41,7 +41,7 @@ permalink: '/kontakt/'
- +