mirror of
https://github.com/t404owo/t404null.git
synced 2025-12-12 09:58:46 +00:00
[Alpha ver] Prototype
This commit is contained in:
Glitch (t404null-unstable)
291
index.html
291
index.html
@@ -1,224 +1,73 @@
|
||||
<!DOCTYPE html>
|
||||
<html >
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||||
<link rel="icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png">
|
||||
<link rel="shortcut icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" type="image/x-icon">
|
||||
<meta name="description" content="Hello there! I'm t404:null (a.k.a t404owo).
|
||||
I write/make music(DTM), and for every releases I'll post my musics in this website. If you have any requests or questions, feel free contact me.">
|
||||
|
||||
|
||||
<title>Home</title>
|
||||
<link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
|
||||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
|
||||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
|
||||
<link rel="stylesheet" href="assets/dropdown/css/style.css">
|
||||
<link rel="stylesheet" href="assets/socicon/css/styles.css">
|
||||
<link rel="stylesheet" href="assets/theme/css/style.css">
|
||||
<link rel="preload" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
||||
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript>
|
||||
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section data-bs-version="5.1" class="menu menu3 cid-sIGOk3jVW4" once="menu" id="menu3-1">
|
||||
|
||||
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
|
||||
<div class="container">
|
||||
<div class="navbar-brand">
|
||||
<span class="navbar-logo">
|
||||
<a href="https://t404null.glitch.me">
|
||||
<img src="assets/images/logo.png" alt="t404:null" style="height: 3rem;">
|
||||
</a>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<div class="hamburger">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/release">Releases</a></li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/song_usage_terms">Terms of Use</a></li>
|
||||
<li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/about_me">About Me</a>
|
||||
</li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="https://t404null.glitch.me/contacts">Contact Me</a></li></ul>
|
||||
<div class="icons-menu">
|
||||
<a class="iconfont-wrapper" href="https://www.youtube.com/channel/UCtkR_TTVaiUSASsGH4IXQfQ" target="_blank">
|
||||
<span class="p-2 mbr-iconfont socicon-youtube socicon"></span>
|
||||
</a>
|
||||
<a class="iconfont-wrapper" href="https://twitter.com/t404_null" target="_blank">
|
||||
<span class="p-2 mbr-iconfont socicon-twitter socicon"></span>
|
||||
</a>
|
||||
<a class="iconfont-wrapper" href="https://t404null.bandcamp.com" target="_blank">
|
||||
<span class="p-2 mbr-iconfont socicon-bandcamp socicon"></span>
|
||||
</a>
|
||||
<a class="iconfont-wrapper" href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL" target="_blank">
|
||||
<span class="p-2 mbr-iconfont socicon-spotify socicon"></span>
|
||||
</a>
|
||||
<a class="iconfont-wrapper" href="https://music.apple.com/artist/t404-null/1583561849" target="_blank">
|
||||
<span class="p-2 mbr-iconfont socicon-itunes socicon"></span>
|
||||
</a>
|
||||
<a class="iconfont-wrapper" href="https://soundcloud.com/t404null" target="_blank">
|
||||
<span class="p-2 mbr-iconfont socicon-soundcloud socicon"></span>
|
||||
</a>
|
||||
<a class="iconfont-wrapper" href="https://discord.gg/YJmkAFbKFX" target="_blank">
|
||||
<span class="p-2 mbr-iconfont socicon-discord socicon"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>t404:null | Home</title>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">
|
||||
<img src="/assets/img/logo.png" alt="t404:null" />
|
||||
</a>
|
||||
</li>
|
||||
<li><div class="vertical-line"></div></li>
|
||||
<li>
|
||||
<a href="/"
|
||||
><p><strong>Home</strong></p></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/release"
|
||||
><p><strong>Releases</strong></p></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/songe_usage_terms"
|
||||
><p><strong>Terms of Use</strong></p></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about_me"
|
||||
><p><strong>About Me</strong></p></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/contacts"
|
||||
><p><strong>My Contacts</strong></p></a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<section data-bs-version="5.1" class="slider1 cid-sIIzT24cuP" id="slider1-f">
|
||||
|
||||
<div class="carousel slide carousel-fade" id="sIJ2uKW5ho" data-ride="carousel" data-bs-ride="carousel" data-interval="10000" data-bs-interval="10000">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-slide-to="0" data-bs-slide-to="0" class="active" data-target="#sIJ2uKW5ho" data-bs-target="#sIJ2uKW5ho"></li>
|
||||
<li data-slide-to="1" data-bs-slide-to="1" data-target="#sIJ2uKW5ho" data-bs-target="#sIJ2uKW5ho"></li>
|
||||
<li data-slide-to="2" data-bs-slide-to="2" data-target="#sIJ2uKW5ho" data-bs-target="#sIJ2uKW5ho"></li>
|
||||
<li data-slide-to="3" data-bs-slide-to="3" data-target="#sIJ2uKW5ho" data-bs-target="#sIJ2uKW5ho"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
|
||||
<div class="carousel-item slider-image item active">
|
||||
<div class="item-wrapper">
|
||||
<img class="d-block w-100" src="https://cdn.glitch.com/f6cb427c-2cdb-4693-bc00-9d3e2991008c%2FScreenshot%20(36).png?v=1633031087464" data-slide-to="0" data-bs-slide-to="0">
|
||||
|
||||
<div class="carousel-caption">
|
||||
<h5 class="mbr-section-subtitle mbr-fonts-style display-5">The website is still on "Work In progress"...<strong></strong></h5>
|
||||
<p class="mbr-section-text mbr-fonts-style display-7">This website is currently on work in progress, it will be finished soon....</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item slider-image item">
|
||||
<div class="item-wrapper">
|
||||
|
||||
|
||||
<div class="carousel-caption">
|
||||
<img class="mbr-section-subtitle mbr-fonts-style display-5" src="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/Oblitus_text.PNG?v=1693060068227">
|
||||
<p class="mbr-section-text mbr-fonts-style display-7">A custom for VNMC2023 Grand Finals Tiebreaker<br><br><br></p>
|
||||
</div>
|
||||
<a href="oblitus_requiem"><img class="d-block w-100" src="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/Oblitus_Requiem_for_index_.png?v=1693058265873" data-slide-to="1" data-bs-slide-to="1"></a></div>
|
||||
</div>
|
||||
<div class="carousel-item slider-image item">
|
||||
<div class="item-wrapper">
|
||||
<a href="possession"><img class="d-block w-100" src="https://cdn.glitch.me/f6cb427c-2cdb-4693-bc00-9d3e2991008c%2FE28ED76B-766B-4FE2-91FD-B719EF26AD29.png?v=1636047571926"></a>
|
||||
|
||||
<div class="carousel-caption">
|
||||
<h5 class="mbr-section-subtitle mbr-fonts-style display-5"><strong>PoΣΣεssion (Possession)</strong><br><strong><br></strong></h5>
|
||||
<p class="mbr-section-text mbr-fonts-style display-7"><br>(From Mayonaka Dancehall!!! (DACHiTRAX))</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item slider-image item">
|
||||
<div class="item-wrapper">
|
||||
|
||||
|
||||
<div class="carousel-caption">
|
||||
<h5 class="mbr-section-subtitle mbr-fonts-style display-5">
|
||||
<strong>Hyper Liminality</strong></h5>
|
||||
<p class="mbr-section-text mbr-fonts-style display-7">First Collab<br>t404:null & trung-nova & AXiS [AKA JP] (as "Fateless Destiny")<br><br><br><br></p>
|
||||
</div>
|
||||
<a href="hyper_liminality"><img class="d-block w-100" src="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/Hyper_Liminality_for_index_html.jpeg" data-slide-to="1" data-bs-slide-to="1"></a></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container">
|
||||
<div class="carousel">
|
||||
<div class="slider">
|
||||
<section>Obj 1</section>
|
||||
<section>Obj 2</section>
|
||||
<section>Obj 3</section>
|
||||
</div>
|
||||
<div class="control">
|
||||
<span class="prev"><</span>
|
||||
<span class="next">></span>
|
||||
</div>
|
||||
<ul class="pgctrl">
|
||||
<li>•</li>
|
||||
<li>•</li>
|
||||
<li>•</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="carousel-control carousel-control-prev" role="button" data-slide="prev" data-bs-slide="prev" href="#sIJ2uKW5ho">
|
||||
<span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
|
||||
<span class="sr-only visually-hidden">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control carousel-control-next" role="button" data-slide="next" data-bs-slide="next" href="#sIJ2uKW5ho">
|
||||
<span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
|
||||
<span class="sr-only visually-hidden">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section data-bs-version="5.1" class="footer3 cid-sIH4mf7xzA mbr-reveal" once="footers" id="footer3-7">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="media-container-row align-center mbr-white">
|
||||
<div class="row row-links">
|
||||
<ul class="foot-menu">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html" class="text-white">Home</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="release" class="text-white">Releases</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="song_usage_terms" class="text-white">Terms of Use</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="about_me" class="text-white">About Me</a></li><li class="foot-menu-item mbr-fonts-style display-7"><a href="contacts" class="text-white">Contact me</a></li></ul>
|
||||
</div>
|
||||
<div class="row social-row">
|
||||
<div class="social-list align-right pb-2">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="soc-item">
|
||||
<a href="https://www.youtube.com/channel/UCtkR_TTVaiUSASsGH4IXQfQ" target="_blank">
|
||||
<span class="mbr-iconfont mbr-iconfont-social socicon-youtube socicon"></span>
|
||||
</a>
|
||||
</div><div class="soc-item">
|
||||
<a href="https://twitter.com/t404_null" target="_blank">
|
||||
<span class="mbr-iconfont mbr-iconfont-social socicon-twitter socicon"></span>
|
||||
</a>
|
||||
</div><div class="soc-item">
|
||||
<a href="https://t404null.bandcamp.com/" target="_blank">
|
||||
<span class="mbr-iconfont mbr-iconfont-social socicon-bandcamp socicon"></span>
|
||||
</a>
|
||||
</div><div class="soc-item">
|
||||
<a href="https://music.apple.com/artist/t404-null/1583561849" target="_blank">
|
||||
<span class="mbr-iconfont mbr-iconfont-social socicon-itunes socicon"></span>
|
||||
</a>
|
||||
</div><div class="soc-item">
|
||||
<a href="https://music.google.com/" target="_blank">
|
||||
<span class="mbr-iconfont mbr-iconfont-social socicon-googleplaymusic socicon"></span>
|
||||
</a>
|
||||
</div><div class="soc-item">
|
||||
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL" target="_blank">
|
||||
<span class="mbr-iconfont mbr-iconfont-social socicon-spotify socicon"></span>
|
||||
</a>
|
||||
</div><div class="soc-item">
|
||||
<a href="https://soundcloud.com/t404null" target="_blank">
|
||||
<span class="mbr-iconfont mbr-iconfont-social socicon-soundcloud socicon"></span>
|
||||
</a>
|
||||
</div><div class="soc-item">
|
||||
<a href="https://discord.com/invite/YJmkAFbKFX" target="_blank">
|
||||
<span class="mbr-iconfont mbr-iconfont-social socicon-discord socicon"></span>
|
||||
</a>
|
||||
</div><div class="soc-item">
|
||||
<a href="https://www.twitch.tv/t404owo" target="_blank">
|
||||
<span class="mbr-iconfont mbr-iconfont-social socicon-twitch socicon"></span>
|
||||
</a>
|
||||
</div></div>
|
||||
</div>
|
||||
<div class="row row-copirayt">
|
||||
<p class="mbr-text mb-0 mbr-fonts-style mbr-white align-center display-7">
|
||||
© t404:null 2021-2023 - All Rights Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section><section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;">
|
||||
<a href="https://mobirise.site/f" style="flex: 1 1; height: 0px; padding-left: 0px;"></a>
|
||||
</section><script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/theme/js/script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</div>
|
||||
<div></div>
|
||||
<script src="/assets/js/index.js" type="text/javascript"></script>
|
||||
<!--💀-->
|
||||
</main>
|
||||
<footer>© t404:null 2021-2023 - All Rights Reserved</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user