diff --git a/public/bg.mp4 b/public/bg.mp4
new file mode 100644
index 0000000..89df32b
Binary files /dev/null and b/public/bg.mp4 differ
diff --git a/public/css/styles.css b/public/css/styles.css
new file mode 100644
index 0000000..b8f468b
--- /dev/null
+++ b/public/css/styles.css
@@ -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 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;
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..843408d
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+ Privacynerd's blog - coming at some point in the future!
+
+
+
+
+
+
+
+
+
+
+
+
+
Privacynerd's blog - coming at some point in the future!
+
+
+
+
+
COMING SOON!
+
+
+
+
+
+
+
+ Privacynerd's blog
+
+
+
+
+
+
+
+
diff --git a/public/js/script.js b/public/js/script.js
new file mode 100644
index 0000000..9d06633
--- /dev/null
+++ b/public/js/script.js
@@ -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);
\ No newline at end of file
diff --git a/public/svg/icons/email.svg b/public/svg/icons/email.svg
new file mode 100644
index 0000000..3811b59
--- /dev/null
+++ b/public/svg/icons/email.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svg/icons/facebook.svg b/public/svg/icons/facebook.svg
new file mode 100644
index 0000000..4ef9d67
--- /dev/null
+++ b/public/svg/icons/facebook.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svg/icons/github.svg b/public/svg/icons/github.svg
new file mode 100644
index 0000000..538ec5b
--- /dev/null
+++ b/public/svg/icons/github.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svg/icons/instagram.svg b/public/svg/icons/instagram.svg
new file mode 100644
index 0000000..5a68721
--- /dev/null
+++ b/public/svg/icons/instagram.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svg/icons/linkedin.svg b/public/svg/icons/linkedin.svg
new file mode 100644
index 0000000..c663429
--- /dev/null
+++ b/public/svg/icons/linkedin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svg/icons/tiktok.svg b/public/svg/icons/tiktok.svg
new file mode 100644
index 0000000..57ce3ae
--- /dev/null
+++ b/public/svg/icons/tiktok.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/svg/icons/twitter.svg b/public/svg/icons/twitter.svg
new file mode 100644
index 0000000..45bd20c
--- /dev/null
+++ b/public/svg/icons/twitter.svg
@@ -0,0 +1 @@
+
\ No newline at end of file