forked from ufolinux/ufolinux.tk
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (80 loc) · 7.32 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
<head>
<title>Home | Ufolinux</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico">
<!-- Css -->
<link id="theme" href="./assets/css/style.css" rel="stylesheet">
<link id="themeR" href="./assets/css/responsive.css" rel="stylesheet">
<!-- Jquery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<div id="head-placeholder"></div>
</head>
<header id="block">
<div id="nav-placeholder"></div>
<br>
<div class="video-header" id="home">
<video id="mob-desk" src="./assets/vid/invasion-mobile.webm" autoplay loop playsinline muted></video>
<div class="viewport-header">
<h1>
Welcome to Ufolinux
<br>
<span>The distribution made for everyday use</span>
</h1>
</div>
</div>
<svg id="waveA" style="transform:rotate(180deg); transition: 0.3s" viewBox="0 0 1440 210" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(86.888, 61.098, 52.815, 1)" offset="0%"></stop><stop stop-color="rgba(59.566, 55.329, 45.961, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 0px); opacity:1" fill="url(#sw-gradient-0)" d="M0,147L48,129.5C96,112,192,77,288,52.5C384,28,480,14,576,14C672,14,768,28,864,59.5C960,91,1056,140,1152,133C1248,126,1344,63,1440,56C1536,49,1632,98,1728,108.5C1824,119,1920,91,2016,77C2112,63,2208,63,2304,59.5C2400,56,2496,49,2592,63C2688,77,2784,112,2880,112C2976,112,3072,77,3168,59.5C3264,42,3360,42,3456,63C3552,84,3648,126,3744,126C3840,126,3936,84,4032,84C4128,84,4224,126,4320,143.5C4416,161,4512,154,4608,129.5C4704,105,4800,63,4896,52.5C4992,42,5088,63,5184,87.5C5280,112,5376,140,5472,157.5C5568,175,5664,182,5760,164.5C5856,147,5952,105,6048,73.5C6144,42,6240,21,6336,14C6432,7,6528,14,6624,28C6720,42,6816,63,6864,73.5L6912,84L6912,210L6864,210C6816,210,6720,210,6624,210C6528,210,6432,210,6336,210C6240,210,6144,210,6048,210C5952,210,5856,210,5760,210C5664,210,5568,210,5472,210C5376,210,5280,210,5184,210C5088,210,4992,210,4896,210C4800,210,4704,210,4608,210C4512,210,4416,210,4320,210C4224,210,4128,210,4032,210C3936,210,3840,210,3744,210C3648,210,3552,210,3456,210C3360,210,3264,210,3168,210C3072,210,2976,210,2880,210C2784,210,2688,210,2592,210C2496,210,2400,210,2304,210C2208,210,2112,210,2016,210C1920,210,1824,210,1728,210C1632,210,1536,210,1440,210C1344,210,1248,210,1152,210C1056,210,960,210,864,210C768,210,672,210,576,210C480,210,384,210,288,210C192,210,96,210,48,210L0,210Z"></path><defs><linearGradient id="sw-gradient-1" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(2.647, 2.02, 1.818, 1)" offset="0%"></stop><stop stop-color="rgba(77.781, 69.238, 50.353, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 50px); opacity:0.9" fill="url(#sw-gradient-1)" d="M0,21L48,21C96,21,192,21,288,28C384,35,480,49,576,66.5C672,84,768,105,864,115.5C960,126,1056,126,1152,136.5C1248,147,1344,168,1440,150.5C1536,133,1632,77,1728,73.5C1824,70,1920,119,2016,133C2112,147,2208,126,2304,108.5C2400,91,2496,77,2592,70C2688,63,2784,63,2880,56C2976,49,3072,35,3168,24.5C3264,14,3360,7,3456,7C3552,7,3648,14,3744,17.5C3840,21,3936,21,4032,49C4128,77,4224,133,4320,133C4416,133,4512,77,4608,77C4704,77,4800,133,4896,143.5C4992,154,5088,119,5184,112C5280,105,5376,126,5472,126C5568,126,5664,105,5760,91C5856,77,5952,70,6048,84C6144,98,6240,133,6336,147C6432,161,6528,154,6624,150.5C6720,147,6816,147,6864,147L6912,147L6912,210L6864,210C6816,210,6720,210,6624,210C6528,210,6432,210,6336,210C6240,210,6144,210,6048,210C5952,210,5856,210,5760,210C5664,210,5568,210,5472,210C5376,210,5280,210,5184,210C5088,210,4992,210,4896,210C4800,210,4704,210,4608,210C4512,210,4416,210,4320,210C4224,210,4128,210,4032,210C3936,210,3840,210,3744,210C3648,210,3552,210,3456,210C3360,210,3264,210,3168,210C3072,210,2976,210,2880,210C2784,210,2688,210,2592,210C2496,210,2400,210,2304,210C2208,210,2112,210,2016,210C1920,210,1824,210,1728,210C1632,210,1536,210,1440,210C1344,210,1248,210,1152,210C1056,210,960,210,864,210C768,210,672,210,576,210C480,210,384,210,288,210C192,210,96,210,48,210L0,210Z"></path><defs><linearGradient id="sw-gradient-2" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(50.459, 34.619, 29.532, 1)" offset="0%"></stop><stop stop-color="rgba(32.245, 30.632, 27.065, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 100px); opacity:0.8" fill="url(#sw-gradient-2)" d="M0,126L48,108.5C96,91,192,56,288,35C384,14,480,7,576,10.5C672,14,768,28,864,42C960,56,1056,70,1152,87.5C1248,105,1344,126,1440,119C1536,112,1632,77,1728,59.5C1824,42,1920,42,2016,59.5C2112,77,2208,112,2304,119C2400,126,2496,105,2592,108.5C2688,112,2784,140,2880,154C2976,168,3072,168,3168,143.5C3264,119,3360,70,3456,73.5C3552,77,3648,133,3744,161C3840,189,3936,189,4032,175C4128,161,4224,133,4320,119C4416,105,4512,105,4608,112C4704,119,4800,133,4896,143.5C4992,154,5088,161,5184,136.5C5280,112,5376,56,5472,31.5C5568,7,5664,14,5760,17.5C5856,21,5952,21,6048,24.5C6144,28,6240,35,6336,59.5C6432,84,6528,126,6624,122.5C6720,119,6816,70,6864,45.5L6912,21L6912,210L6864,210C6816,210,6720,210,6624,210C6528,210,6432,210,6336,210C6240,210,6144,210,6048,210C5952,210,5856,210,5760,210C5664,210,5568,210,5472,210C5376,210,5280,210,5184,210C5088,210,4992,210,4896,210C4800,210,4704,210,4608,210C4512,210,4416,210,4320,210C4224,210,4128,210,4032,210C3936,210,3840,210,3744,210C3648,210,3552,210,3456,210C3360,210,3264,210,3168,210C3072,210,2976,210,2880,210C2784,210,2688,210,2592,210C2496,210,2400,210,2304,210C2208,210,2112,210,2016,210C1920,210,1824,210,1728,210C1632,210,1536,210,1440,210C1344,210,1248,210,1152,210C1056,210,960,210,864,210C768,210,672,210,576,210C480,210,384,210,288,210C192,210,96,210,48,210L0,210Z"></path></svg>
</header>
<body>
<div id="preloader">
<div id="loader">
<!-- <img id="preloadBG" src="./assets/img/preloadBG.webp"> -->
<img id="load-img" src="./assets/img/logo2.jpg" alt="Loading.." />
</div>
</div>
<main>
<div class="blockA" id="blockA">
<h1>What is UfoLinux</h1>
<hr><br>
<p>
UfoLinux or UfoOS is a GNU / Linux Operating System built completely from the scratch.
</p>
<p>
It led by a team of passionate individuals who thrive on pushing the limits of knowledge in this project.
</p>
<p>
This project was started on 11th april 2022 and it's still a long way to go.
</p>
<p>
It uses fork of pacman package manager which is named as KEPLER.
</p>
</div>
<div class="main">
<div id="footer-placeholder"></div>
</div>
</main>
<script type="text/javascript">
$("#block , .main").hide();
//Preloader
const loadImg = document.getElementById("load-img");
let imgCunt = Math.floor(Math.random() * 12);
loadImg.setAttribute("src" , "./assets/img/" + imgCunt + ".webp");
setTimeout(
function(){
$("#block , .main").show();
$("#preloader").hide();
}, 3800);
let loadText = document.querySelector("#loader p");
//homepage bg video
const chngVid = document.getElementById("mob-desk");
if(screen.width < 600){
chngVid.setAttribute("src" , "./assets/vid/invasion-mobile.webm");
}
else{
chngVid.setAttribute("src" , "./assets/vid/invasion.mp4");
}
</script>
<script src="./assets/js/scripts.js"></script>
<noscript>In order for the WebPage to work properly, Please enable 'JAVASCRIPTS' in your browser. Thanks for visiting :) </noscript>
</body>
</html>