Reimar/video-compressor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rebrand and add seo-text

Browse Source
This commit is contained in:
Reimar 2026-01-06 14:17:37 +01:00
parent 8f6ad6e13d
commit 63f5ddd8af
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/assets/styles/main.css
View File

@ -12,14 +12,18 @@ body {
} }
h1 { h1 {
background-image: linear-gradient(to right, #4CAF50, #4CAF50 40%, #00BCD4 60%); color: #757575;
background-clip: text;
color: transparent;
font-size: 3rem; font-size: 3rem;
margin-top: 3rem; margin-top: 3rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.gradient-text {
background-image: linear-gradient(to right, #4CAF50, #4CAF50 20%, #00BCD4 80%);
background-clip: text;
color: transparent;
}
p { p {
color: #9E9E9E; color: #9E9E9E;
font-size: 0.8rem; font-size: 0.8rem;

3
public/index.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Easily compress video files to a specific file size for uploading to various communication platforms that restrict upload size">
<title>Video Compressor</title> <title>Video Compressor</title>
<script defer src="/assets/scripts/ffmpeg/package/dist/umd/ffmpeg.js"></script> <script defer src="/assets/scripts/ffmpeg/package/dist/umd/ffmpeg.js"></script>
<script defer src="/assets/scripts/ui.js"></script> <script defer src="/assets/scripts/ui.js"></script>
@ -14,7 +15,7 @@
<link rel="stylesheet" href="/assets/styles/result-section.css"> <link rel="stylesheet" href="/assets/styles/result-section.css">
</head> </head>
<body> <body>
<h1>Video Compressor</h1> <h1><span class="gradient-text">compact</span>.video</h1>
<p>Compress video files to a specific file size, so you can upload them to your favorite social media and messaging apps!</p> <p>Compress video files to a specific file size, so you can upload them to your favorite social media and messaging apps!</p>
<section id="file-picker-section"> <section id="file-picker-section">