slight color adjustments

This commit is contained in:
2024-07-11 22:21:57 +02:00
parent e4ca6f9ba0
commit ca5de9ae0c
28 changed files with 46 additions and 44 deletions

View File

@@ -22,13 +22,13 @@ body {
.navbar { .navbar {
font-weight: 600; font-weight: 600;
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color1); background-color: var(--color1);
} }
.navbar li a { .navbar li a {
font-weight: 400; font-weight: 400;
color: var(--bcolor1); color: var(--bcolor2);
} }
/* Change the link color on hover */ /* Change the link color on hover */
@@ -38,7 +38,7 @@ body {
} }
.footer { .footer {
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color3); background-color: var(--color3);
font-weight: 600; font-weight: 600;
} }

View File

@@ -8,7 +8,6 @@
--bcolor1: #2C2C2C; /* Very Dark Gray */ --bcolor1: #2C2C2C; /* Very Dark Gray */
--bcolor2: #D3D3D3; /* Light Gray */ --bcolor2: #D3D3D3; /* Light Gray */
--bcolor3: #1C1C1C; /* Very Dark Gray */ --bcolor3: #1C1C1C; /* Very Dark Gray */
--bcolor4: #4B0082; /* Indigo */
} }
.navbar { .navbar {
@@ -31,7 +30,7 @@
} }
.footer { .footer {
color: var(--bcolor2); color: var(--bcolor1);
background-color: var(--color3); background-color: var(--color3);
font-weight: 500; font-weight: 500;
font-family: "Poppins", sans-serif; font-family: "Poppins", sans-serif;
@@ -81,7 +80,7 @@
} }
.column img { .column img {
background-color: var(--bcolor4); background-color: var(--bcolor1);
} }
#totop:hover { #totop:hover {

View File

@@ -31,7 +31,7 @@
} }
.footer { .footer {
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color3); background-color: var(--color3);
font-weight: 500; font-weight: 500;
font-family: "Poppins", sans-serif; font-family: "Poppins", sans-serif;
@@ -54,7 +54,7 @@
.folders a { .folders a {
font-weight: 600; font-weight: 600;
color: var(--bcolor1); color: var(--bcolor2);
text-decoration: none; text-decoration: none;
font-family: "Poppins", sans-serif; font-family: "Poppins", sans-serif;
} }

View File

@@ -13,14 +13,14 @@
.navbar { .navbar {
font-weight: 600; font-weight: 600;
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color1); background-color: var(--color1);
font-family: "Nunito", sans-serif; font-family: "Nunito", sans-serif;
} }
.navbar li a { .navbar li a {
font-weight: 500; font-weight: 500;
color: var(--bcolor1); color: var(--bcolor2);
font-family: "Nunito", sans-serif; font-family: "Nunito", sans-serif;
} }
@@ -31,14 +31,14 @@
} }
.footer { .footer {
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color3); background-color: var(--color3);
font-weight: 500; font-weight: 500;
font-family: "Nunito", sans-serif; font-family: "Nunito", sans-serif;
} }
.footer a { .footer a {
color: var(--color4); color: var(--color1);
text-decoration: none; text-decoration: none;
font-weight: 400; font-weight: 400;
} }
@@ -54,7 +54,7 @@
.folders a { .folders a {
font-weight: 600; font-weight: 600;
color: var(--bcolor1); color: var(--bcolor2);
text-decoration: none; text-decoration: none;
font-family: "Nunito", sans-serif; font-family: "Nunito", sans-serif;
} }

View File

@@ -3,22 +3,25 @@ import sys
import time import time
from selenium import webdriver from selenium import webdriver
from selenium.webdriver.chrome.service import Service from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.by import By
from selenium.webdriver.chrome.options import Options from selenium.webdriver.chrome.options import Options
def take_screenshot(html_file, css_file, output_file): def take_screenshot(html_file, css_file, output_file):
# Setup Chrome options # Setup Chrome options
chrome_options = Options() chrome_options = Options()
chrome_options.add_argument("--headless") # Run in headless mode, no GUI chrome_options.add_argument("--headless") # Run in headless mode, no GUI
# Set window size to at least 1920x1080
chrome_options.add_argument("--window-size=1920,1080")
# Initialize Chrome WebDriver with the specified service and options # Initialize Chrome WebDriver with the specified service and options
chromedriver_path = '/usr/bin/chromedriver' # Replace with your actual path chromedriver_path = "/usr/bin/chromedriver" # Replace with your actual path
service = Service(chromedriver_path) service = Service(chromedriver_path)
driver = webdriver.Chrome(service=service, options=chrome_options) driver = webdriver.Chrome(service=service, options=chrome_options)
try: try:
# Open the HTML file # Open the HTML file
driver.get(f'file://{os.path.abspath(html_file)}') driver.get(f"file://{os.path.abspath(html_file)}")
# Apply the CSS file to the HTML # Apply the CSS file to the HTML
apply_css_script = f""" apply_css_script = f"""
@@ -35,32 +38,33 @@ def take_screenshot(html_file, css_file, output_file):
# Capture screenshot # Capture screenshot
driver.save_screenshot(output_file) driver.save_screenshot(output_file)
print(f'Screenshot saved to {output_file}') print(f"Screenshot saved to {output_file}")
finally: finally:
driver.quit() driver.quit()
def main(folder_path):
# Assuming index.html is in the same directory as the CSS files def main(_folder_path):
html_file = '/mnt/nfs/pictures/Sony_Alpha_7_iv/103MSDCF/index.html' html_file = "/mnt/nfs/pictures/Analog/2465575/index.html"
# Check if the folder path exists # Check if the folder path exists
if not os.path.exists(folder_path): if not os.path.exists(_folder_path):
print(f'Error: Folder path "{folder_path}" does not exist.') print(f'Error: Folder path "{_folder_path}" does not exist.')
return return
# Iterate over all files in the folder # Iterate over all files in the folder
for filename in os.listdir(folder_path): for filename in os.listdir(_folder_path):
if filename.endswith('.css'): if filename.endswith(".css"):
css_file = os.path.join(folder_path, filename) css_file = os.path.join(_folder_path, filename)
output_file = os.path.join(folder_path, f'{os.path.splitext(filename)[0]}.png') output_file = os.path.join(_folder_path, "screenshots", f"{os.path.splitext(filename)[0]}.png")
# Take screenshot for this CSS file # Take screenshot for this CSS file
take_screenshot(html_file, css_file, output_file) take_screenshot(html_file, css_file, output_file)
if __name__ == "__main__": if __name__ == "__main__":
if len(sys.argv) != 2: if len(sys.argv) != 2:
print('Usage: python script_name.py folder_path') print("Usage: python script_name.py folder_path")
else: else:
folder_path = sys.argv[1] folder_path = sys.argv[1]
main(folder_path) main(folder_path)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 259 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 259 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 258 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 259 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 260 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 258 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 260 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 260 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 258 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 260 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 260 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 261 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 260 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 258 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 259 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 258 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 259 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 259 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

View File

@@ -13,14 +13,14 @@
.navbar { .navbar {
font-weight: 600; font-weight: 600;
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color1); background-color: var(--color1);
font-family: "Lora", serif; font-family: "Lora", serif;
} }
.navbar li a { .navbar li a {
font-weight: 500; font-weight: 500;
color: var(--bcolor1); color: var(--bcolor2);
font-family: "Lora", serif; font-family: "Lora", serif;
} }
@@ -31,7 +31,7 @@
} }
.footer { .footer {
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color3); background-color: var(--color3);
font-weight: 500; font-weight: 500;
font-family: "Lora", serif; font-family: "Lora", serif;
@@ -54,7 +54,7 @@
.folders a { .folders a {
font-weight: 600; font-weight: 600;
color: var(--bcolor1); color: var(--bcolor2);
text-decoration: none; text-decoration: none;
font-family: "Lora", serif; font-family: "Lora", serif;
} }

View File

@@ -8,7 +8,6 @@
--bcolor1: #FFFFFF; /* White */ --bcolor1: #FFFFFF; /* White */
--bcolor2: #1b2838; /* Dark Blue */ --bcolor2: #1b2838; /* Dark Blue */
--bcolor3: #171a21; /* Dark Gray */ --bcolor3: #171a21; /* Dark Gray */
--bcolor4: #66c0f4; /* Light Blue */
} }
.navbar { .navbar {
@@ -81,7 +80,7 @@
} }
.column img { .column img {
background-color: var(--bcolor4); background-color: var(--bcolor2);
} }
#totop:hover { #totop:hover {

View File

@@ -13,14 +13,14 @@
.navbar { .navbar {
font-weight: 700; font-weight: 700;
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color1); background-color: var(--color1);
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
} }
.navbar li a { .navbar li a {
font-weight: 500; font-weight: 500;
color: var(--bcolor1); color: var(--bcolor2);
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
} }
@@ -54,7 +54,7 @@
.folders a { .folders a {
font-weight: 600; font-weight: 600;
color: var(--bcolor1); color: var(--bcolor2);
text-decoration: none; text-decoration: none;
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
} }

View File

@@ -13,14 +13,14 @@
.navbar { .navbar {
font-weight: bold; font-weight: bold;
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color1); background-color: var(--color1);
font-weight: 900; font-weight: 900;
} }
.navbar li a { .navbar li a {
font-weight: 800; font-weight: 800;
color: var(--bcolor1); color: var(--bcolor2);
} }
/* Change the link color on hover */ /* Change the link color on hover */
@@ -30,7 +30,7 @@
} }
.footer { .footer {
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color3); background-color: var(--color3);
font-weight: 700; font-weight: 700;
} }

View File

@@ -13,14 +13,14 @@
.navbar { .navbar {
font-weight: 600; font-weight: 600;
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color1); background-color: var(--color1);
font-family: "Montserrat", sans-serif; font-family: "Montserrat", sans-serif;
} }
.navbar li a { .navbar li a {
font-weight: 500; font-weight: 500;
color: var(--bcolor1); color: var(--bcolor2);
font-family: "Montserrat", sans-serif; font-family: "Montserrat", sans-serif;
} }
@@ -31,14 +31,14 @@
} }
.footer { .footer {
color: var(--bcolor1); color: var(--bcolor2);
background-color: var(--color3); background-color: var(--color3);
font-weight: 500; font-weight: 500;
font-family: "Montserrat", sans-serif; font-family: "Montserrat", sans-serif;
} }
.footer a { .footer a {
color: var(--color4); color: var(--color2);
text-decoration: none; text-decoration: none;
font-weight: 400; font-weight: 400;
} }
@@ -54,7 +54,7 @@
.folders a { .folders a {
font-weight: 600; font-weight: 600;
color: var(--bcolor1); color: var(--bcolor2);
text-decoration: none; text-decoration: none;
font-family: "Montserrat", sans-serif; font-family: "Montserrat", sans-serif;
} }