slight color adjustments
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
|
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 {
|
.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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||