add @Nomaakip's video

modified: community.html new file: id/5.html new file: videos/freaky_bob_tutorial.mp4
Freakybob-Team · Oct 19, 2024 · 0509573 · 0509573
1 parent 8475bad
commit 0509573
Show file tree

Hide file tree

Showing 3 changed files with 130 additions and 0 deletions.
diff --git a/community.html b/community.html
@@ -55,6 +55,7 @@
 <body>
     <a href="index"><img class="logo" src="logodark.png"></a>
     <h1>Welcome to the Community!</h1>
+    <a href="id/5.html">freaky bob web site tutorial no virus</a>
     <p>To submit a video, join the <a href="https://discord.gg/T9z27hv7FN">Discord server</a> and make a thread in #video-submissions!</p>
     <p>OR email us with the video MP4 using this template:</p>
     <textarea readonly style="width: 300px;

diff --git a/id/5.html b/id/5.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>freaky bob web site tutorial no virus | Freakybob Videos</title>
+    <link href="https://vjs.zencdn.net/8.16.1/video-js.css" rel="stylesheet" />
+    <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
+    <!-- thanks https://videojs.com/getting-started <3-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
+    <meta content="freaky bob web site tutorial no virus | Freakybob Video" property="og:title" />
+    <meta content="freaky bob web site tutorial no virus" property="og:description" />
+    <meta content="https://videos.freakybob.site/id/5" property="og:url" />
+    <meta content="../thumbnails/ie6.jpg" property="og:image" />
+    <meta content="#43B581" name="theme-color" />
+    <link rel="icon" type="image/png" href="../favicon.png">
+    <style>
+
+        * {
+            font-family: "Noto Sans", sans-serif;
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            background-color: #202020;
+            color: #fff;
+            padding: 20px;
+        }
+        a {
+            color: #1E90FF;
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
+        h1, h2 {
+            margin-bottom: 20px;
+        }
+
+        .logo-container {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 40px;
+        }
+        .logo {
+            width: 180px;
+            height: auto;
+        }
+
+        .video-container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-bottom: 40px;
+        }
+        .video-js {
+            width: 100%;
+            max-width: 800px;
+            margin-bottom: 20px;
+        }
+
+
+        .content {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+        .content p {
+            margin: 20px 0;
+            text-align: center;
+        }
+        .like-comment-container {
+            display: flex;
+            justify-content: space-between;
+            max-width: 800px;
+            width: 100%;
+            margin-top: 20px;
+        }
+        .like-comment-container div,
+        .like-comment-container a {
+            color: #43B581;
+        }
+
+        footer {
+            margin-top: 40px;
+            text-align: center;
+            font-size: 14px;
+        }
+    </style>
+</head>
+<body>
+
+  <div class="logo-container">
+    <a href="https://videos.freakybob.site"><img class="logo" src="../logodark.png" alt="Freakybob Logo"></a>
+</div>
+<h1>freaky bob web site tutorial no virus</h1>
+<div class="video-container">
+    <video id="my-video" class="video-js" controls preload="auto" poster="../thumbnails/nothumbnail.jpg" data-setup="{}">
+        <source src="../videos/freaky_bob_tutorial.mp4" type="video/mp4" />
+        <source src="MY_VIDEO.webm" type="video/webm" />
+        <p class="vjs-no-js">
+            Hey! I would recommend using a browser that SUPPORTS JS. HOW ARE YOU EVEN HERE?
+            <a href="https://videojs.com/html5-video-support/" target="_blank">Supports HTML5 video</a>
+        </p>
+    </video>
+
+
+    <div class="like-comment-container">
+        <div data-lyket-type="updown" data-lyket-id="howto"></div>
+        <a href="https://github.com/Freakybob-Team/videos/issues/7">Comment on GitHub</a>
+    </div>
+
+
+    <div data-lyket-type="updown" data-lyket-id="ie11"></div>
+    <script src="https://utteranc.es/client.js"
+          repo="Freakybob-Team/videos"
+          issue-number="7"
+          theme="github-dark"
+          crossorigin="anonymous"
+          async>
+  </script>
+
+    <script src="https://vjs.zencdn.net/8.16.1/video.min.js"></script>
+</body>
+</html>
diff --git a/videos/freaky_bob_tutorial.mp4 b/videos/freaky_bob_tutorial.mp4