Skip to content

Download Page Update #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
MarcusGuevarra wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Download Page Update #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 44 additions & 0 deletions download.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
p{
font-size: 28px;
}

.downloadOuterLayer /* Overall Division Box for the Download Section*/ {
background-image: url('public/image/bg_songs.png');
background-size: cover;
border-top:solid rgb(144, 32, 8);
border-bottom: solid rgb(0, 10, 120);
border-right: solid rgb(0, 10, 120);
border-left: solid rgb(144, 32, 8);
border-radius: 2px;
margin: 35px 100px;
}

.OpenTaikoHub /*Individual Sections for The main download, download tutorial and source code & Assets*/ {
background-color: rgb(232,232,232,0.5);
border-top:solid rgb(144, 32, 8);
border-bottom: solid rgb(0, 10, 120);
border-right: solid rgb(0, 10, 120);
border-left: solid rgb(144, 32, 8);
border-radius: 5px;
padding-bottom: 10px;
margin: 20px 200px;
}

#download-page {
overflow: scroll;
background-image: url('public/image/bg_songs2.png');
background-size: cover;
background-repeat: repeat-x;
background-position:0 0;
animation: moveBackground 20s linear infinite;
}

@keyframes moveBackground{
0% {
background-position: 0 0;
}

100% {
background-position: -2000px 0;
}
}
51 changes: 35 additions & 16 deletions download.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,33 +3,52 @@
<title>OpenTaiko</title>
<link rel="icon" type="image/x-icon" href="src/image/favicon.ico">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="download.css">
</head>
<body>
<body id="download-page">
<header>
<h3><a href="index.html">Home</a></h3>
<!-- <h3><a href="about.html">About</a></h3> -->
<h3><a href="download.html">Download</a></h3>
<h3><a href="songs.html">Songlist</a></h3>

</header>

<div class="content">
<h1>Download</h1>
<p>OpenTaiko is available for Windows, and is also available for Linux under experimental builds.</p>
<h2>OpenTaiko Hub</h2>
<p>Installer & updater for the base game, songs, skins, characters, and more.</p>
<div class="buttons">
<div class="button">
<a href="https://github.com/OpenTaiko/OpenTaiko-Hub/releases/latest" target="_blank">Download (GitHub)</a>
<div class ="downloadOuterLayer">
<h1>Download</h1>
<p>OpenTaiko is now available for Windows, It is also available for Linux under experimental builds under ubuntu</p>
<div class ="OpenTaikoHub" >
<h2>OpenTaiko Hub</h2>
<p>This will be your main application to install and update OpenTaiko including our base game, songs, skins, characters and a lot more!</p>
<div class="buttons">
<div class="button">
<a href="https://github.com/OpenTaiko/OpenTaiko-Hub/releases/latest" target="_blank">Download OpenTaiko</a>
</div>
</div>
</div>
</div>
<h2>Source Code & Assets</h2>
<p>Open-source repositories used for OpenTaiko. The main project is licensed under the MIT License, but other assets may have differing licenses. Please refer to each project's README for further details.</p>
<div class="buttons">
<div class="button alt">
<a href="https://github.com/0auBSQ/OpenTaiko" target="_blank">Main Repository</a>

<div class ="OpenTaikoHub" >
<h2>Download Video Tutorial</h2>
<p>For a more detailed download process tutorial, we have provided a video for you to watch in order to know more about download and installment process.</p>
<div class="TutorialYT">
<iframe width="560" height="315" src="https://www.youtube.com/embed/hVN5t286sbU?si=s244Q1VCQ-UlH_pc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
<div class="button alt">
<a href="https://github.com/OpenTaiko" target="_blank">GitHub Organization</a>


<div class = "OpenTaikoHub" >
<h2>Source Code & Assets</h2>
<p>Open-source repositories used for OpenTaiko. The main project is licensed under the MIT License, but other assets may have differing licenses. Please refer to each project's README for further details.</p>

<div class="buttons">

<div class="button alt">
<a href="https://github.com/0auBSQ/OpenTaiko" target="_blank">Main Repository</a>
</div>
<div class="button alt">
<a href="https://github.com/OpenTaiko" target="_blank">GitHub Organization</a>
</div>
</div>
</div>
</div>
Expand Down
2 changes: 2 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@ html {
height: 100%;
}
body {
overflow: scroll;
min-height: 100%;
position: relative;
margin: 0;
padding: 0;
Expand Down