diff --git a/LICENSE b/LICENSE index 61b7f8c..269141f 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,7 @@ MIT License Copyright (c) 2022 Arda Acar +Copyright (c) 2024 Daniel Langbein Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 8d31c1a..4d9d9cd 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,26 @@ # Demo -[![Demo](https://ardacarofficial-links-website.pages.dev/readme.png 'Demo')](https://ardacarofficial-links-website.pages.dev/) - +[https://privacy1st.de](https://privacy1st.de) # Install First, clone the file with the following command. Then apply the [component](https://github.com/ardacarofficial/links-website/wiki/Component-Settings "component") and [design](https://github.com/ardacarofficial/links-website/wiki/Design-Settings "design") settings. You can check the [wiki](https://github.com/ardacarofficial/links-website/wiki "wiki") for help. ```sh -git clone https://github.com/ardacarofficial/links-website.git +git clone https://codeberg.org/privacy1st/website.git ``` You can then upload your files to any hosting. +## Additional icons + +- Fediverse: https://github.com/ardacarofficial/links-website/discussions/19 +- ActivityPub: https://github.com/ardacarofficial/links-website/discussions/15 +- Teamspeak: https://github.com/ardacarofficial/links-website/discussions/13 +- GitHub: https://github.com/ardacarofficial/links-website/discussions/12 +- Codeberg: https://github.com/ardacarofficial/links-website/discussions/20 +- TikTok and Whatsapp: https://github.com/ardacarofficial/links-website/discussions/8 + # Note Contributions are what make the open source community a great place to learn, inspire and create. Your contributions are greatly appreciated. @@ -20,4 +28,5 @@ Contributions are what make the open source community a great place to learn, in If you have a suggestion to make this better, please fork the repository and create a pull request. You can also open an issue with the "Development" tag. If you want, you can also share it in the [discussions](https://github.com/ardacarofficial/links-website/discussions/ "discussions") section. Don't forget to give stars to the project! # License + Distributed under the MIT license. See [LICENSE](https://github.com/ardacarofficial/links-website/blob/main/LICENSE "LICENSE") file for more information. diff --git a/css/style.css b/css/style.css index ba97bfd..8758c27 100644 --- a/css/style.css +++ b/css/style.css @@ -10,6 +10,8 @@ /* You can change the background color by typing the color code. (If you do not enter a background-image image, the background-color will be active.) */ --background_color: #000; --background_image: url("../img/wallpaper.jpg"); + --background_position: center center; + --background_size: cover; /* You can change the frame thickness and color of the picture by typing the number of pixels and the color code. */ --image_border_color: #000; @@ -20,11 +22,11 @@ --image_height: 140px; /* You can change the colors of the title and description section by typing the color codes. */ - --title_color: #fff; - --description_color: #f1c40f; + --title_color: #000000; + --description_color: #741a1a; /* You can change the colors of social media icons by changing the color code. */ - --svg_color: #fff; + --svg_color: #741a1a; /* You can change the background, text color and active color of the menu by changing the color codes. */ --menu_background_color: #0e0e0e; @@ -53,7 +55,7 @@ body { font: var(--font_size) var(--font_family); font-weight: 400; line-height: 1.5; - background: var(--background_color) var(--background_image) no-repeat center; + background: var(--background_color) var(--background_image) no-repeat var(--background_position) / var(--background_size); min-height: 100vh; display: flex; flex-direction: column; @@ -159,7 +161,6 @@ body { cursor: pointer; padding: 0.5em; border-radius: 0.3em; - cursor: pointer; transition: 0.10s ease; font-size: 1.1em; } @@ -254,7 +255,7 @@ main { /* Responsive Codes */ -@media (max-width: 768px) { +@media (max-width: 768px) { .main_text_item { width: 92vw; } @@ -266,10 +267,10 @@ main { .main_button_item { width: 92vw; } - + .header_h_item { width: 92vw; text-align: center; } - + } diff --git a/img/logo.jpg b/img/logo.jpg new file mode 100644 index 0000000..799062f Binary files /dev/null and b/img/logo.jpg differ diff --git a/img/logo.png b/img/logo.png deleted file mode 100644 index 0813d3b..0000000 Binary files a/img/logo.png and /dev/null differ diff --git a/img/wallpaper.jpg b/img/wallpaper.jpg index a97ab01..8818441 100644 Binary files a/img/wallpaper.jpg and b/img/wallpaper.jpg differ diff --git a/index.html b/index.html index 200150d..f451012 100644 --- a/index.html +++ b/index.html @@ -21,49 +21,53 @@ https://github.com/ardacarofficial/links-website is open source project.
- Logo + Logo
-

Your Title

-

Your Description

+

Daniel Langbein

+

Share experience, increase knowledge

- +
- - - + + +
- +
- - - + + +
- +
- - - - - + + +
- +
- - - - - + + + + + +
+ +
+ + +
@@ -73,9 +77,9 @@ https://github.com/ardacarofficial/links-website is open source project. @@ -86,34 +90,8 @@ https://github.com/ardacarofficial/links-website is open source project.
-

The project, where you can easily change texts, icons, colours, boxes and images, is live! Download and try it on Github now.

+

Hi there! I'm a software developer, passionate about open source, sustainable technology, and ethical software. I write programs and tools that are available for anyone to execute, study, modify, or redistribute.

- -
- - - - - - -
- -
- - - - - - -
- - - - - - - -
@@ -121,34 +99,21 @@ https://github.com/ardacarofficial/links-website is open source project.
-

Menu 2 text Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi molestiae nesciunt, exercitationem quaerat maxime non!

+

I self-host multiple services on full-disk encrypted home servers. The primary server and the daily off-site backup are configured declaratively with NixOS. The containerized services are managed with Docker Compose. For this, I've created separate templates for each service with Jinja2. This part is not yet public.

- - + + - - + +
- -
- - - - - - -
- - - - - - - -
@@ -156,41 +121,24 @@ https://github.com/ardacarofficial/links-website is open source project.
-

Menu 3 text Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi molestiae nesciunt, exercitationem quaerat maxime non!

+

As part of my bachelor thesis at my university's open source department, I created a multimodal bicycle and public transportation navigation system. For this, I combined various open source projects and attached an open data pipeline to them.

- - + + - - + +
- -
- - - - - - -
- - - - - - - -
- Your Name | Copyright Text + Copyright © 2024 Daniel Langbein | The code is licensed under MIT