add personal information and adjust theme

This commit is contained in:
Daniel Langbein 2024-01-17 18:38:31 +01:00
parent 55d8d68f51
commit adfa82cf6b
Signed by: langfingaz
GPG Key ID: 6C47C753F0823002
7 changed files with 68 additions and 109 deletions

View File

@ -1,6 +1,7 @@
MIT License MIT License
Copyright (c) 2022 Arda Acar 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 Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal of this software and associated documentation files (the "Software"), to deal

View File

@ -1,18 +1,26 @@
# Demo # Demo
[![Demo](https://ardacarofficial-links-website.pages.dev/readme.png 'Demo')](https://ardacarofficial-links-website.pages.dev/) [https://privacy1st.de](https://privacy1st.de)
# Install # 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. 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 ```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. 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 # Note
Contributions are what make the open source community a great place to learn, inspire and create. Your contributions are greatly appreciated. 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! 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 # License
Distributed under the MIT license. See [LICENSE](https://github.com/ardacarofficial/links-website/blob/main/LICENSE "LICENSE") file for more information. Distributed under the MIT license. See [LICENSE](https://github.com/ardacarofficial/links-website/blob/main/LICENSE "LICENSE") file for more information.

View File

@ -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.) */ /* 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_color: #000;
--background_image: url("../img/wallpaper.jpg"); --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. */ /* 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; --image_border_color: #000;
@ -20,11 +22,11 @@
--image_height: 140px; --image_height: 140px;
/* You can change the colors of the title and description section by typing the color codes. */ /* You can change the colors of the title and description section by typing the color codes. */
--title_color: #fff; --title_color: #000000;
--description_color: #f1c40f; --description_color: #741a1a;
/* You can change the colors of social media icons by changing the color code. */ /* 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. */ /* You can change the background, text color and active color of the menu by changing the color codes. */
--menu_background_color: #0e0e0e; --menu_background_color: #0e0e0e;
@ -53,7 +55,7 @@ body {
font: var(--font_size) var(--font_family); font: var(--font_size) var(--font_family);
font-weight: 400; font-weight: 400;
line-height: 1.5; 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; min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -159,7 +161,6 @@ body {
cursor: pointer; cursor: pointer;
padding: 0.5em; padding: 0.5em;
border-radius: 0.3em; border-radius: 0.3em;
cursor: pointer;
transition: 0.10s ease; transition: 0.10s ease;
font-size: 1.1em; font-size: 1.1em;
} }
@ -254,7 +255,7 @@ main {
/* Responsive Codes */ /* Responsive Codes */
@media (max-width: 768px) { @media (max-width: 768px) {
.main_text_item { .main_text_item {
width: 92vw; width: 92vw;
} }
@ -266,10 +267,10 @@ main {
.main_button_item { .main_button_item {
width: 92vw; width: 92vw;
} }
.header_h_item { .header_h_item {
width: 92vw; width: 92vw;
text-align: center; text-align: center;
} }
} }

BIN
img/logo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 625 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 151 KiB

After

Width:  |  Height:  |  Size: 3.1 MiB

File diff suppressed because one or more lines are too long