Fixed broken build. Now it should work
This commit is contained in:
parent
7c2c7108b6
commit
a4c1ccff2f
BIN
public/bg.mp4
Normal file
BIN
public/bg.mp4
Normal file
Binary file not shown.
114
public/css/styles.css
Normal file
114
public/css/styles.css
Normal file
@ -0,0 +1,114 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.bgimg {
|
||||
/* Full-screen */
|
||||
height: 100vh; /* Use viewport height for full-screen height */
|
||||
/* Center the background image */
|
||||
background-position: center;
|
||||
/* Scale and zoom in the image */
|
||||
background-size: cover;
|
||||
/* Add position: relative to enable absolutely positioned elements inside the image (place text) */
|
||||
position: relative;
|
||||
/* Add a white text color to all elements inside the .bgimg container */
|
||||
color: white;
|
||||
/* Add a font */
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
/* Set the font-size to 25 pixels */
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.bgimg video {
|
||||
width: 100%;
|
||||
height: 100%; /* Make the video fill the entire .bgimg container */
|
||||
object-fit: cover; /* Make the video cover the container without stretching */
|
||||
display: block; /* Remove any extra spacing */
|
||||
position: absolute; /* Position the video absolutely within the .bgimg container */
|
||||
}
|
||||
|
||||
|
||||
/* Position text in the top-left corner */
|
||||
.topleft {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
/* Position text in the bottom-left corner */
|
||||
.bottomleft {
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
/* Position text in the middle */
|
||||
.middle {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
#demo{
|
||||
font-size:30px;
|
||||
padding: 10px;
|
||||
}
|
||||
@media screen AND (max-width:600px) {
|
||||
.middle h1{
|
||||
font-size: 20px;
|
||||
}
|
||||
#demo{
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Style the <hr> element */
|
||||
hr {
|
||||
margin: auto;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
/* right side */
|
||||
.social-icons {
|
||||
text-align: center;
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
|
||||
.social-icons .social-icons-list {
|
||||
display: inline-block;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.social-icons-list .social-icon {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
height: 24px;
|
||||
margin: 0 6px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.social-icon a svg path {
|
||||
transition: fill 0.15s ease;
|
||||
}
|
||||
|
||||
.topright {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
.topright a{
|
||||
text-decoration: none;
|
||||
color: #0e0e10;
|
||||
}
|
||||
|
||||
/* left side */
|
||||
.left{
|
||||
right: 0;
|
||||
bottom: 10px;
|
||||
position: absolute;
|
||||
}
|
||||
45
public/index.html
Normal file
45
public/index.html
Normal file
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="generator" content="Hugo 0.121.2">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Privacynerd's blog - coming at some point in the future!</title>
|
||||
<link rel="canonical" href="https://blog.privacynerd.de/">
|
||||
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/styles.css">
|
||||
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
</head>
|
||||
<div class="bgimg">
|
||||
<video autoplay muted loop poster="poster.jpg">
|
||||
|
||||
<source src="bg.mp4" type="video/mp4">
|
||||
|
||||
</video>
|
||||
|
||||
<div class="topleft">
|
||||
|
||||
<p>Privacynerd's blog - coming at some point in the future!</p>
|
||||
|
||||
</div>
|
||||
<div class="middle">
|
||||
|
||||
<h1>COMING SOON!</h1>
|
||||
|
||||
<hr>
|
||||
<p id="demo"></p>
|
||||
<div id="countdown" data-release="Jan 30, 2025"></div>
|
||||
</div>
|
||||
<div class="bottomleft">
|
||||
<p>
|
||||
Privacynerd's blog</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="left">
|
||||
|
||||
</div>
|
||||
<script src="/js/script.js"></script>
|
||||
|
||||
</html>
|
||||
31
public/js/script.js
Normal file
31
public/js/script.js
Normal file
@ -0,0 +1,31 @@
|
||||
// Get the release date from the data attribute
|
||||
var releaseDateStr = document.getElementById("countdown").getAttribute("data-release");
|
||||
|
||||
// Create a JavaScript Date object using the release date string
|
||||
var countDownDate = new Date(releaseDateStr);
|
||||
|
||||
// Update the count down every 1 second
|
||||
var x = setInterval(function() {
|
||||
|
||||
// Get todays date and time
|
||||
var now = new Date().getTime();
|
||||
|
||||
// Find the distance between now an the count down date
|
||||
var distance = countDownDate - now;
|
||||
|
||||
// Time calculations for days, hours, minutes and seconds
|
||||
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
|
||||
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
|
||||
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
|
||||
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
|
||||
|
||||
// Display the result in an element with id="demo"
|
||||
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
|
||||
+ minutes + "m " + seconds + "s ";
|
||||
|
||||
// If the count down is finished, write some text
|
||||
if (distance < 0) {
|
||||
clearInterval(x);
|
||||
document.getElementById("demo").innerHTML = "EXPIRED";
|
||||
}
|
||||
}, 1000);
|
||||
1
public/svg/icons/email.svg
Normal file
1
public/svg/icons/email.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><path d="M 0,27.283 V 24 a 8,8 0 0 1 8,-8 h 112 a 8,8 0 0 1 8,8 v 3.283 l -64,40 z m 66.12,48.11 a 4.004,4.004 0 0 1 -4.24,0 L 0,36.717 V 104 a 8,8 0 0 0 8,8 h 112 a 8,8 0 0 0 8,-8 V 36.717 Z" data-name="Layer 2"/></svg>
|
||||
|
After Width: | Height: | Size: 282 B |
1
public/svg/icons/facebook.svg
Normal file
1
public/svg/icons/facebook.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
|
||||
|
After Width: | Height: | Size: 398 B |
1
public/svg/icons/github.svg
Normal file
1
public/svg/icons/github.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
|
||||
|
After Width: | Height: | Size: 822 B |
1
public/svg/icons/instagram.svg
Normal file
1
public/svg/icons/instagram.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
1
public/svg/icons/linkedin.svg
Normal file
1
public/svg/icons/linkedin.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
|
||||
|
After Width: | Height: | Size: 424 B |
1
public/svg/icons/tiktok.svg
Normal file
1
public/svg/icons/tiktok.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>TikTok</title><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
|
||||
|
After Width: | Height: | Size: 707 B |
1
public/svg/icons/twitter.svg
Normal file
1
public/svg/icons/twitter.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
|
||||
|
After Width: | Height: | Size: 602 B |
Loading…
Reference in New Issue
Block a user