Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Erste Anpassung des Designs (Kopie von #1) #2

Draft
wants to merge 6 commits into
base: main
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 48 additions & 39 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,33 +1,56 @@
# Klisé
# LaLUG website

Klisé is minimalist Jekyll theme for running a personal site and blog running on Jekyll.<br>
For demo <a href="https://klise.now.sh" target="_blank" rel="noopener">klise.now.sh</a>
This repository contains the LaLUG website based on jekyll and the jekyll-klise template.

## Features

- [x] Light & Dark Mode support :waxing_crescent_moon:
- [x] Customizable (using `.scss`)
- [x] Responsive (desktop, tab and mobile)
- [x] Mobile First Design
- [x] SEO Optimized
- [x] Images of post Organized ([`jekyll-postfiles`](https://github.com/nhoizey/jekyll-postfiles))
- [x] Generate Sitemap ([`jekyll-sitemap`](https://github.com/jekyll/jekyll-sitemap))
- [x] RSS Feed ([`jekyll-feed`](https://github.com/jekyll/jekyll-feed))
- [x] Syntax Highlighter ([`rouge`](https://github.com/rouge-ruby/rouge))
- [x] Next & Previous Post
- [x] Comment layout, enable in frontmatter if you wish
- [x] Google analytics
- [x] HTML Minify ([`jekyll-compress-html`](https://github.com/penibelst/jekyll-compress-html))
- [x] W3C **Validated**
- [x] Lighthouse and PageSpeed **Passed**
## Development environment using podman

![Lighthouse Result](./lighthouse.png)
This part describes how to setup a develpoment environment using podman to keep your main system clean from ruby dependencies.
Install podman for your distribution:

## Backlogs
Debian 11:
```bash
apt install podman
```
CentOS/Fedora:
```bash
dnf install podman
```
or
```bash
yum install podman
```

Create a working directory:
```bash
mkdir -p lalug/bundle lalug/lalug-pod
cd lalug
git clone https://github.com/LALUG/lalug.github.io.git
```
create a file pod.sh with your favorite editor and safe the following script:
```bash
# Gemfile lock has to be owned by apache:apache
touch ./lalug-pod/Gemfile.lock
chmod a+w ./lalug-pod/Gemfile.lock

# Jekyll runs as User with id 1000
podman run -it --rm --name jekyll \
-v ./lalug.github.io:/srv/jekyll:rw,slave,Z \
-v ./bundle:/usr/local/bundle:rw,slave,Z \
--publish 4000:4000 \
-e JEKYLL_UID=1000 \
-e JEKYLL_GID=1000 \
docker.io/jekyll/jekyll:3.8.5 \
jekyll serve --drafts
```
Make script executable:
```bash
chmod +x pod.sh
```

- [ ] Intergrated with PhotoSwipe.
- [ ] Add schema.org meta information.
- [ ] Transform class selector to BEM metodology.
Now you can start the pod using the ./pod.sh script and your system keeps clean from all the needed jekyll dependencies.

Have fun.

## Installation

Expand All @@ -40,20 +63,6 @@ $ bundle install
$ bundle exec jekyll serve
```

Navigate to `localhost:4000`. You're Welcome, Fork and be Stargazer.

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/piharpi/jekyll-klise) [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/piharpi/jekyll-klise)

## Limitation

- Since [`jekyll-postfiles`](https://github.com/nhoizey/jekyll-postfiles#compatibility) plugin isn't supported by github pages, this cause will make your site problems, path broken or post images won't show up, you can host alternatively using likes [netlify.com](https://netlify.com), [vercel.com](https://vercel.com) or [surge.sh](https://surge.sh) services, which support 3rd party.

## Contributing

If you see any typos or formatting errors in a post, or want to helping reduce backlogs or any other issue that needs to be addressed, please do not hesitate to open a pull request and fix it!, please read [contributing](./CONTRIBUTING.md) before PR.

Yeaaa feel free to open a pull request.
Open `localhost:4000` in your browser.

## License

This project is open source and available under the [MIT License](LICENSE).
31 changes: 14 additions & 17 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -1,29 +1,26 @@
# Site settings
title: Klise Theme # site title
title: Landshuter Linux User Group # site title
description: >- # site description
He's writing in Bahasa about web technology and experience as a journal
for documentation things that he learned, meet him <a href="https://github.com/piharpi" target="_blank" rel="noopener">@github</a>.
lang: en-US # default lang
timezone: Asia/Jakarta # set your timezone
image: assets/img/ogp.png # This image used for Open Graph more info https://ogp.me/
repo: https://github.com/piharpi/jekyll-klise # site repo [optional]
Hier findet ihr Informationen zu unserer Landshuter Linux User Group.
Egal ob ihr Linux fuer euch neu entdeckt oder ob ihr alte Hasen im Umgang mit eurem Lieblingsbetriebssystem seid,
jeder ist herzlich willkommen bei uns.
Schau doch einfach mal bei uns im IRC (Internet Relay Chat) oder bei einem unserer Treffen vorbei.
lang: de-DE # default lang
timezone: Europe/Berlin # set your timezone
image: assets/img/lalug.png # This image used for Open Graph more info https://ogp.me/
repo: https://github.com/lalug/lalug.github.io # site repo [optional]
mode: dark # default theme "dark" | "light"

# Profile settings
author:
name: Jekyll Klisé # author name
name: LaLUG # author name
bio: >- # tell to the world
The minimalist Jekyll theme, light and dark mode support, for running a personal site and blog,
meet Klisé theme at <a href="https://github.com/piharpi/jekyll-klise" target="_blank" rel="noopener">@github</a>.
username: username # general username
github: github_username # github username
twitter: twitter_username # twitter username
facebook: facebook_username # facebook username
email: [email protected] # email adress
avatar: /assets/img/avatar.jpg # change with your own avatar
Landshuter-Linux-User-Group
email: [email protected] # email adress
avatar: /assets/img/lalug-rectangle.png # change with your own avatar

# URL settings
url: "https://klise.now.sh" #
url: "https://lalug.github.io" #
baseurl:
permalink: /:title/
google_analytics: # leave it blank if not wish
Expand Down
8 changes: 8 additions & 0 deletions _data/menus.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,14 @@
url: /
external: false

- title: events
url: /events/
external: false

- title: projekte
url: /projekte/
external: false

- title: archive
url: /archive/
external: false
Expand Down
4 changes: 1 addition & 3 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
<footer class="footer">
<a class="footer_item" href="/thanks">ack.</a>
<a class="footer_item" href="javascript::void(0)">resume</a>
<a class="footer_item" href="/feed.xml">rss</a>
<span class="footer_item">&copy; {{ site.time | date: "%Y" }}</span>
<small class="footer_copyright">
Expand Down Expand Up @@ -35,4 +33,4 @@
json: '/assets/search.json',
});
</script>
{%- endif -%}
{%- endif -%}
2 changes: 2 additions & 0 deletions _includes/navbar.html
Original file line number Diff line number Diff line change
Expand Up @@ -183,6 +183,8 @@
{%- endfor -%}
{%- else -%}
<a class="menu-link {% if url == '/' %}active{% endif %}" href="/">home</a>
<a class="menu-link {% if url == '/events/' %}active{% endif %}" href="/events/">events</a>
<a class="menu-link {% if url == '/projekte/' %}active{% endif %}" href="/projekte">projekte</a>
<a class="menu-link {% if url == '/about/' %}active{% endif %}" href="/about">about</a>
{%- endif -%}
<a class="menu-link rss" href="/feed.xml">
Expand Down
15 changes: 8 additions & 7 deletions about.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,19 @@
---
title: Colophon
title: LaLUG - Landshuter-Linux-User-Group
permalink: /about/
layout: page
excerpt: Hello peeps, I'm student of computer science from Banyuwangi, living in Jogjakarta. This blog for documentation about my programming journey, running on jekyll, hosting on netlify and using my own simple theme.
excerpt: Die Landshuter-Linux-User-Group ist ein Treffpunkt für Interessierte rund um das Thema Linux
comments: false
---

He's a student from Banyuwangi, living in Jogjakarta. the blog for documentation about his programming 🎒 journey, running on jekyll, hosting on [now.sh](http://now.sh) and using his own theme, he name it <a href="https://github.com/piharpi/jekyll-klise" target="_blank" rel="noopener">klisé</a>, he also loves to learning web technology; but he often forgot, that a reason why him doing the writing.
Eine LUG (Linux-User-Group) ist ein Zusammenschluss von Personen mit der Gemeinsamkeit des Interesses rund um Linux.
Die Landshuter-Linux-User-Group besteht aus Personen mit verschiedensten Hintergründen. Einige nutzen Linux basierte Betriebssysteme für die Arbeit, andere im privaten Umfeld. Die LaLUG biete die Möglichkeit sich über Technologien und Erfahrungen rund um Linux lokal mit anderen auszutauschen.

If you have a question about him or else, just send a letter to him.
Wir pflegen einen offenen, freundlichen und hilfsbereiten Umgang und freuen uns auf Jede/n der unter diesen Gesichtspunkten Austausch sucht.

You can [report](http://github.com/piharpi/jekyll-klise/issues/new) if there is an broken link(s) or somethings else.
Kontakt:

**may u needs ✨**

- IRC: Freenode - Channel #lalug
- {{ site.author.email }}
- github.com/{{ site.author.github }}
- github.com/lalug
Binary file added assets/img/lalug-rectangle.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/lalug.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions events.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
---
title: Events
permalink: /events/
layout: page
excerpt: Veranstaltungen/Events der LaLUg.
comments: false
---

Stammtisch
9 changes: 9 additions & 0 deletions projekte.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
---
title: Projekte
permalink: /projekte/
layout: page
excerpt: Projekte der LaLUg.
comments: false
---

Projekte