add personal information and adjust theme

LICENSE

@@ -1,6 +1,7 @@
 MIT License
 
 Copyright (c) 2022 Arda Acar
+Copyright (c) 2024 Daniel Langbein <daniel@systemli.org>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

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.

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;
   }
-  
+
 }