restructure and update logo and device picture

This commit is contained in:
2025-08-25 11:36:34 +02:00
parent 3a90f1646e
commit a8f086a0e6
9 changed files with 45 additions and 8 deletions

View File

@@ -12,9 +12,7 @@ echo "Uploading website files to $USER@$SERVER:$REMOTE_DIR ..."
sshpass -p 'BiLqHib8s5Ag2FmL' sftp -oBatchMode=no -b - $USER@$SERVER <<EOF
cd $REMOTE_DIR
put -r $LOCAL_DIR/index.html
put -r $LOCAL_DIR/favicon.ico
put -r $LOCAL_DIR/logo.png
put -r $LOCAL_DIR/device.png
put -r $LOCAL_DIR/img
bye
EOF

39
generate_favicon.sh Executable file
View File

@@ -0,0 +1,39 @@
#!/bin/bash
# Generate favicon.ico from logo.png using ImageMagick
# Check if ImageMagick is installed
if ! command -v convert &> /dev/null; then
echo "Error: ImageMagick is not installed. Please install it first:"
echo " Ubuntu/Debian: sudo apt install imagemagick"
echo " macOS: brew install imagemagick"
echo " CentOS/RHEL: sudo yum install ImageMagick"
exit 1
fi
# Check if logo.png exists
if [ ! -f "src/img/logo.png" ]; then
echo "Error: src/img/logo.png not found!"
exit 1
fi
echo "Generating favicon.ico from logo.png..."
# Generate favicon with multiple sizes (16x16, 32x32, 48x48)
# The -background transparent ensures transparency is preserved
# The -flatten combines all layers
convert src/img/logo.png \
-background transparent \
\( -clone 0 -resize 16x16 \) \
\( -clone 0 -resize 32x32 \) \
\( -clone 0 -resize 48x48 \) \
-delete 0 \
-alpha on \
src/img/favicon.ico
if [ $? -eq 0 ]; then
echo "✅ Successfully generated src/img/favicon.ico"
echo "Favicon sizes included: 16x16, 32x32, 48x48"
else
echo "❌ Failed to generate favicon"
exit 1
fi

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
src/img/device.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

BIN
src/img/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
src/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 971 KiB

View File

@@ -5,19 +5,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SummitWave | Auracast Made Simple</title>
<meta name="description" content="SummitWave Auracast transmitters deliver crystal-clear, low-latency multichannel Bluetooth audio to everyone."/>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="favicon.ico" />
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" href="img/favicon.ico" />
<meta property="og:type" content="website"/>
<meta property="og:title" content="SummitWave | Auracast Made Simple"/>
<meta property="og:description" content="Broadcast brilliant multichannel audio anywhere with SummitWave Auracast transmitters."/>
<meta property="og:image" content="og-image.png"/>
<meta property="og:image" content="img/og-image.png"/>
<!-- Tailwind via CDN for rapid styling -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-white text-gray-800 leading-relaxed antialiased">
<!-- =========== Header & Nav =========== -->
<header class="py-6 px-4 md:px-12 flex items-center justify-between">
<img src="logo.png" alt="SummitWave logo" class="h-24 md:h-28" />
<img src="img/logo.png" alt="SummitWave logo" class="h-24 md:h-28" />
<nav class="space-x-6 text-lg font-medium" aria-label="Primary">
<a href="#features" class="hover:text-blue-600">Features</a>
<a href="#usecases" class="hover:text-blue-600">Usecases</a>
@@ -29,7 +29,7 @@
<section class="flex flex-col items-center text-center mt-12 px-4">
<h1 class="text-4xl md:text-5xl font-bold text-blue-700">Multichannel audio for everyone.</h1>
<h2 class="mt-2 text-xl md:text-2xl text-gray-700">For venues, integrators, and event pros who need flawless sound delivered to personal devices.</h2>
<img src="device.png" alt="SummitWave Auracast transmitter" loading="lazy" class="mt-8 w-full max-w-md rounded-lg shadow-xl"/>
<img src="img/device.png" alt="SummitWave Auracast transmitter" loading="lazy" class="mt-8 w-full max-w-md rounded-lg shadow-xl"/>
<a href="#contact" class="mt-8 inline-block bg-blue-600 text-white rounded-2xl px-8 py-3 shadow-lg transform transition hover:scale-105">
Request a Demo
</a>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 462 KiB