slight color adjustments
@@ -22,13 +22,13 @@ body {
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 400;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
@@ -38,7 +38,7 @@ body {
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -8,7 +8,6 @@
|
||||
--bcolor1: #2C2C2C; /* Very Dark Gray */
|
||||
--bcolor2: #D3D3D3; /* Light Gray */
|
||||
--bcolor3: #1C1C1C; /* Very Dark Gray */
|
||||
--bcolor4: #4B0082; /* Indigo */
|
||||
}
|
||||
|
||||
.navbar {
|
||||
@@ -31,7 +30,7 @@
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor2);
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Poppins", sans-serif;
|
||||
@@ -81,7 +80,7 @@
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
background-color: var(--bcolor1);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Poppins", sans-serif;
|
||||
@@ -54,7 +54,7 @@
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
@@ -13,14 +13,14 @@
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
@@ -31,14 +31,14 @@
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
color: var(--color1);
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
@@ -54,7 +54,7 @@
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
|
||||
@@ -3,22 +3,25 @@ import sys
|
||||
import time
|
||||
from selenium import webdriver
|
||||
from selenium.webdriver.chrome.service import Service
|
||||
from selenium.webdriver.common.by import By
|
||||
from selenium.webdriver.chrome.options import Options
|
||||
|
||||
|
||||
def take_screenshot(html_file, css_file, output_file):
|
||||
# Setup Chrome options
|
||||
chrome_options = Options()
|
||||
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
|
||||
chromedriver_path = '/usr/bin/chromedriver' # Replace with your actual path
|
||||
chromedriver_path = "/usr/bin/chromedriver" # Replace with your actual path
|
||||
service = Service(chromedriver_path)
|
||||
driver = webdriver.Chrome(service=service, options=chrome_options)
|
||||
|
||||
try:
|
||||
# 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_css_script = f"""
|
||||
@@ -35,32 +38,33 @@ def take_screenshot(html_file, css_file, output_file):
|
||||
|
||||
# Capture screenshot
|
||||
driver.save_screenshot(output_file)
|
||||
print(f'Screenshot saved to {output_file}')
|
||||
print(f"Screenshot saved to {output_file}")
|
||||
|
||||
finally:
|
||||
driver.quit()
|
||||
|
||||
def main(folder_path):
|
||||
# Assuming index.html is in the same directory as the CSS files
|
||||
html_file = '/mnt/nfs/pictures/Sony_Alpha_7_iv/103MSDCF/index.html'
|
||||
|
||||
def main(_folder_path):
|
||||
html_file = "/mnt/nfs/pictures/Analog/2465575/index.html"
|
||||
|
||||
# Check if the folder path exists
|
||||
if not os.path.exists(folder_path):
|
||||
print(f'Error: Folder path "{folder_path}" does not exist.')
|
||||
if not os.path.exists(_folder_path):
|
||||
print(f'Error: Folder path "{_folder_path}" does not exist.')
|
||||
return
|
||||
|
||||
# Iterate over all files in the folder
|
||||
for filename in os.listdir(folder_path):
|
||||
if filename.endswith('.css'):
|
||||
css_file = os.path.join(folder_path, filename)
|
||||
output_file = os.path.join(folder_path, f'{os.path.splitext(filename)[0]}.png')
|
||||
for filename in os.listdir(_folder_path):
|
||||
if filename.endswith(".css"):
|
||||
css_file = os.path.join(_folder_path, filename)
|
||||
output_file = os.path.join(_folder_path, "screenshots", f"{os.path.splitext(filename)[0]}.png")
|
||||
|
||||
# Take screenshot for this CSS file
|
||||
take_screenshot(html_file, css_file, output_file)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
if len(sys.argv) != 2:
|
||||
print('Usage: python script_name.py folder_path')
|
||||
print("Usage: python script_name.py folder_path")
|
||||
else:
|
||||
folder_path = sys.argv[1]
|
||||
main(folder_path)
|
||||
|
||||
|
Before Width: | Height: | Size: 259 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 259 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 258 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 259 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 258 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 258 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 261 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 258 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 259 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 258 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 259 KiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 259 KiB After Width: | Height: | Size: 1.5 MiB |
@@ -13,14 +13,14 @@
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Lora", serif;
|
||||
@@ -54,7 +54,7 @@
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
@@ -8,7 +8,6 @@
|
||||
--bcolor1: #FFFFFF; /* White */
|
||||
--bcolor2: #1b2838; /* Dark Blue */
|
||||
--bcolor3: #171a21; /* Dark Gray */
|
||||
--bcolor4: #66c0f4; /* Light Blue */
|
||||
}
|
||||
|
||||
.navbar {
|
||||
@@ -81,7 +80,7 @@
|
||||
}
|
||||
|
||||
.column img {
|
||||
background-color: var(--bcolor4);
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
#totop:hover {
|
||||
|
||||
@@ -13,14 +13,14 @@
|
||||
|
||||
.navbar {
|
||||
font-weight: 700;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
@@ -54,7 +54,7 @@
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
@@ -13,14 +13,14 @@
|
||||
|
||||
.navbar {
|
||||
font-weight: bold;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 800;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
}
|
||||
|
||||
/* Change the link color on hover */
|
||||
@@ -30,7 +30,7 @@
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@@ -13,14 +13,14 @@
|
||||
|
||||
.navbar {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color1);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.navbar li a {
|
||||
font-weight: 500;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
@@ -31,14 +31,14 @@
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
background-color: var(--color3);
|
||||
font-weight: 500;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--color4);
|
||||
color: var(--color2);
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
@@ -54,7 +54,7 @@
|
||||
|
||||
.folders a {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
color: var(--bcolor2);
|
||||
text-decoration: none;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||