diff --git a/Gemfile.lock b/Gemfile.lock index fb64e0a..c86200e 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -73,6 +73,7 @@ DEPENDENCIES jekyll-mastodon_webfinger (~> 1.0) jekyll-paginate jekyll-sitemap + kramdown-parser-gfm webrick BUNDLED WITH diff --git a/_config.yaml b/_config.yaml index 8dc4fa3..2c905c8 100644 --- a/_config.yaml +++ b/_config.yaml @@ -46,12 +46,13 @@ compress_html: defaults: - scope: - type: "posts" + path: "" # An empty string here means all files in the project + type: posts values: - layout: "default" + layout: post paginate: 5 -paginate_path: "/page/:num/" +paginate_path: "/blog/page/:num/" permalink: /:year/:month/:day/:title/ mastodon: diff --git a/_data/footer-links.yml b/_data/footer-links.yml index d20e98f..81ba00d 100644 --- a/_data/footer-links.yml +++ b/_data/footer-links.yml @@ -1,3 +1,6 @@ +blog: + title: "Blog" + href: "/blog" contact: title: "Kontakt" href: "/kontakt" diff --git a/_data/social-media.yml b/_data/social-media.yml index 2cf819f..dd88d12 100644 --- a/_data/social-media.yml +++ b/_data/social-media.yml @@ -6,8 +6,16 @@ mastodon: rel: "me" footer: true logo: "Mastodon_logo.png" +instagram: + id: "nyansen" + href: "https://instagram.com/nyansen" + link: "Instagram" + title: "Mein Instagram Account" + rel: "nofollow" + footer: true + logo: "Instagram_logo.png" threema: - id: PMUWTKDP + id: "PMUWTKDP" href: "https://threema.id/PMUWTKDP" link: "Threema" title: "Threema ID: PMUWTKDP" @@ -15,7 +23,7 @@ threema: footer: false logo: "threema_logo.png" telegram: - id: nyansen + id: "nyansen" href: "https://t.me/nyansen" link: "Telegram" title: "Telegram link" @@ -36,16 +44,8 @@ github: link: "GitHub" title: "Mein GitHub Account" rel: "nofollow" - footer: true + footer: false logo: "GitHub_logo.png" -instagram: - id: "nyansen" - href: "https://instagram.com/" - link: "Instagram" - title: "Mein Instagram Account" - rel: "nofollow" - footer: true - logo: "Instagram_logo.png" steam: id: "nyansen" href: "https://steamcommunity.com/id/nyansen/" @@ -54,3 +54,11 @@ steam: rel: "nofollow" footer: false logo: "Steam_logo.png" +linkedIn: + id: "Linkedin" + href: "https://linkedin.com/in/nicojensen" + link: "Linkedin" + title: "Mein Linkedin Account" + rel: "nofollow" + footer: true + logo: "linkedin_logo.png" diff --git a/_includes/blog.html b/_includes/blogposts.html similarity index 100% rename from _includes/blog.html rename to _includes/blogposts.html diff --git a/_includes/footer.html b/_includes/footer.html index 23dc036..ccf4f3f 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -13,7 +13,7 @@ {% assign sm = site.data.social-media %} {% for entry in sm%} {% assign key = entry | first %} {% if sm[key].footer %} {% if sm[key].id %} + {% if include.type == "note" %}infoInfo:  + {% elsif include.type == "info" %}check_boxTip:  + {% elsif include.type == "danger" %}warningWarnung:  + {% elsif include.type == "warning" %}errorWichtig:  + {% endif %} + {{ include.content }} + +{% else %} +
infoInfo: {{ include.content }}
+{% endif %} diff --git a/_layouts/default.html b/_layouts/default.html index 773a13b..f78f720 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,11 +4,9 @@ layout: compress - {% include head.html %} + {% include htmlheader.html %} - {% include header.html %} - {% include navigation.html %} - {{content}} - {% include footer.html %} + {% include header.html %} {% include navigation.html %} {{content}} {% + include footer.html %} - \ No newline at end of file + diff --git a/_posts/2024-02-15-app-defaults.md b/_posts/2024-02-15-app-defaults.md index 03480e9..25ffdc6 100644 --- a/_posts/2024-02-15-app-defaults.md +++ b/_posts/2024-02-15-app-defaults.md @@ -8,7 +8,7 @@ featured-image: mobile_device.jpg featured-image-alt: a picture of an old iphone. --- -**This is followed by the English version.** +{% include note.html content="This is followed by the English version." type="note" %} Da will ich mir Inspiration holen und stoße über den Blog von [Jens Comiotto-Mayer](https://coma.photography/blog/) darauf, dass es ein _Duel of the Defaults!_ gibt, was die Frage nach unseren Standardapps stellt. Geile Idee! Ich liebe es zu sehen, was andere so für Apps nutzen. So stoße ich immer wieder auf tolle neue Apps. Da mache ich sofort mit! diff --git a/_sass/fonts.scss b/_sass/fonts.scss index 29095db..c371b3e 100644 --- a/_sass/fonts.scss +++ b/_sass/fonts.scss @@ -78,6 +78,40 @@ url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: local('Material Icons'), + local('MaterialIcons-Regular'), + url(../fonts/MaterialIconsOutlined-Regular.otf) format('truetype'); + } + + .material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + + /* Support for IE. */ + font-feature-settings: 'liga'; + } + .entypo { font-family: entypo; } h1, h2, h3, h4, h5, h6 { diff --git a/_sass/main.scss b/_sass/main.scss index 01a2bb6..b06a2b9 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -83,6 +83,10 @@ a:hover { background: url(/assets/images/background/moeve.jpg) no-repeat -1300px -550px; } +.content { + padding-top: 10rem; +} + .post:not(:first-child) { margin-top: 3.6rem; } @@ -141,6 +145,57 @@ blockquote { border-left: #FFC0CB 0.4rem solid; } +.alert { + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 1.75rem 0.4rem 1.75rem 0.4rem; + padding: 1.25rem 0 1.25rem 1.25rem; +} + +.alert-note { + color: #3c763d; + background-color: #dff0d8; + border-left-width: 0.3125rem; + border-radius: 0.3125rem 0.1875rem 0.1875rem 0.3125rem; + border-color: #d6e9c6; + border-left: #d6e9c6 0.4rem solid; +} + +.alert-note-icon { + display: block; + float: left; + padding-top: 0.20rem; + padding-right: 1rem; + font-family: 'Material Icons'; +} + +.alert-info { + color: #31708f; + background-color: #d9edf7; + border-left-width: 0.3125rem; + border-radius: 0.3125rem 0.1875rem 0.1875rem 0.3125rem; + border-color: #bce8f1; + border-left: #bce8f1 0.4rem solid; +} + +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-left-width: 0.3125rem; + border-radius: 0.3125rem 0.1875rem 0.1875rem 0.3125rem; + border-color: #ebccd1; + border-left: #ebccd1 0.4rem solid; +} + +.alert-warning { + color: #3A4145; + background-color: #fcf8e3; + border-left-width: 0.3125rem; + border-radius: 0.3125rem 0.1875rem 0.1875rem 0.3125rem; + border-color: #faebcc; + border-left: #faebcc 0.4rem solid; +} + .post .post-content { padding-bottom: 0.1rem; } @@ -275,3 +330,9 @@ div#social-media { div#social-media a { margin: 0 6px; } + +.center { + display: block; + margin-left: auto; + margin-right: auto; +} diff --git a/assets/fonts/MaterialIcons-Regular.ttf b/assets/fonts/MaterialIcons-Regular.ttf new file mode 100755 index 0000000..48c69b5 Binary files /dev/null and b/assets/fonts/MaterialIcons-Regular.ttf differ diff --git a/assets/fonts/MaterialIconsOutlined-Regular.otf b/assets/fonts/MaterialIconsOutlined-Regular.otf new file mode 100755 index 0000000..b83f54c Binary files /dev/null and b/assets/fonts/MaterialIconsOutlined-Regular.otf differ diff --git a/assets/fonts/MaterialIconsRound-Regular.otf b/assets/fonts/MaterialIconsRound-Regular.otf new file mode 100755 index 0000000..5266a55 Binary files /dev/null and b/assets/fonts/MaterialIconsRound-Regular.otf differ diff --git a/assets/fonts/MaterialIconsSharp-Regular.otf b/assets/fonts/MaterialIconsSharp-Regular.otf new file mode 100755 index 0000000..e68a8f7 Binary files /dev/null and b/assets/fonts/MaterialIconsSharp-Regular.otf differ diff --git a/assets/fonts/MaterialIconsTwoTone-Regular.otf b/assets/fonts/MaterialIconsTwoTone-Regular.otf new file mode 100755 index 0000000..6ae8a09 Binary files /dev/null and b/assets/fonts/MaterialIconsTwoTone-Regular.otf differ diff --git a/assets/images/me.png b/assets/images/me.png new file mode 100644 index 0000000..7910529 Binary files /dev/null and b/assets/images/me.png differ diff --git a/assets/images/sm_logos/facebook_logo.png b/assets/images/sm_logos/facebook_logo.png new file mode 100644 index 0000000..0305626 Binary files /dev/null and b/assets/images/sm_logos/facebook_logo.png differ diff --git a/assets/images/sm_logos/linkedin_logo.png b/assets/images/sm_logos/linkedin_logo.png new file mode 100644 index 0000000..8bc2d53 Binary files /dev/null and b/assets/images/sm_logos/linkedin_logo.png differ diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..13bd614 --- /dev/null +++ b/blog/index.html @@ -0,0 +1,6 @@ +--- +layout: default +title: Blog +--- + +
{% include blogposts.html %}
diff --git a/index.html b/index.html index eaaaf81..531c1b9 100644 --- a/index.html +++ b/index.html @@ -3,4 +3,24 @@ layout: default title: Home --- -
{% include blog.html %}
+
+
+
+
+

Moin!

+

+ Ich heiße Nico, wohne in + Stade und ich arbeite als Programmier in Hamburg. +

+

+ Sicherlich könnte ich hier noch mehr über mich und was ich so mache + schreibe, aber warum fragt ihr mich nicht einfach danach. Wie ihr mich + erreichen könnt, seht ihr hier. +

+

+ Ein Bild von mir entspannt in einem Stuhl. Ich träge eine Brille und halte ein Smartphone in den Händen, auf das ich mich fokussiere. Meine Beine sind locker übereinandergelegt, ich trage bequeme Kleidung, darunter ein T-Shirt und eine Jogginghose. Der Hintergrund ist dunkel gehalten, was mich in den Vordergrund rückt. Die gesamte Atmosphäre des Bildes wirkt ruhig und introspektiv. +

+
+
+
+
diff --git a/kontakt.html b/kontakt.html index dba0855..05d7432 100644 --- a/kontakt.html +++ b/kontakt.html @@ -2,27 +2,38 @@ layout: default title: Kontakt --- +
-
-
-

Kontakt

-

Wenn Du Anregungen und / oder Kritiken zu mir oder meinen Beträgen hast oder einfach nur etwas Lob loswerden willst, kannst Du dies am besten auf eins meiner Social-Media Accounts machen:

-
-
- {% if site.data.social-media %} -
- {% assign sm = site.data.social-media %} - {% for entry in sm%} - {% assign key = entry | first %} - {% if sm[key].id %} -
- {{sm[key].link}} - {% if sm[key].logo != "" %}{{sm[key].title}} Logo{% endif %} -
- {% endif %} - {% endfor %} -
- {% endif %} +
+
+

Kontakt

+

+ Wenn Du Anregungen und / oder Kritiken zu mir oder meinen Beträgen + hast oder einfach nur etwas Lob loswerden willst, kannst Du dies am + besten auf eins meiner Social-Media Accounts machen: +

+
+
+ {% if site.data.social-media %} +
+ {% assign sm = site.data.social-media %} {% for entry in sm%} {% assign + key = entry | first %} {% if sm[key].id %} +
+ {{sm[key].link}} + {% if sm[key].logo != "" %}{{sm[key].title}} Logo{% endif %}
-
-
\ No newline at end of file + {% endif %} {% endfor %} + + {% endif %} + + +