-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-light.html
139 lines (121 loc) · 7.59 KB
/
index-light.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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/cebbc7821d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.typekit.net/cnm5kka.css">
<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=Raleway&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index-light.css">
<link rel="stylesheet" href="assets/css/hover.css">
<title>rūrusetto</title>
</head>
<body>
<header id="header" class="p-3 mb-3 fixed-top">
<div class="container">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
<a href="index.html" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none hvr-bounce-in">
<img id="header-logo" src="assets/logo/rurusetto-logo.svg" height="65" alt="logo">
</a>
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a id="nav-listing" href="#" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Listing</a></li>
<li><a id="nav-status" href="#" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Status</a></li>
<li><a id="nav-install" href="#" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Install</a></li>
</ul>
<div class="dropdown text-end">
<a href="#" class="d-block link-dark text-decoration-none dropdown-toggle dropdown-pfp" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
<img id="profile-picture" src="https://github.com/HelloYeew.png" alt="HelloYeew" height="48" class="rounded-circle hvr-grow">
</a>
<ul class="dropdown-menu text-small" aria-labelledby="dropdownUser1">
<li><a class="dropdown-item spacing-hover" href="#">Settings</a></li>
<li><a class="dropdown-item spacing-hover" href="profile.html">Profile</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item spacing-hover" href="#">Sign out</a></li>
</ul>
</div>
</div>
</div>
</header>
<div class="px-4 py-4 my-4 text-center align-middle hero" style="background-image: linear-gradient(to bottom, transparent, white), url('assets/img/light-mode/899806.png');">
<img class="d-block mx-auto mb-4" src="assets/logo/rurusetto-logo-black.svg" alt="Rurusetto Logo" height="65">
<h1 class="display-5 fw-bold">Welcome to rūrusetto!</h1>
<div class="col-lg-4 mx-auto">
<p class="lead mb-4">A wiki that contain all osu! rulesets.</p>
</div>
</div>
<div class="container">
<div class="row mb-3">
<h1>Latest added rulesets</h1>
</div>
<div class="row text-center">
<div class="col-lg-4">
<img src="https://raw.githubusercontent.com/LumpBloom7/sentakki/eca1d8d8d1716454a708241f56718035221e3738/assets/icon.svg" width="140px" height="140px">
<h2>Sentakki</h2>
<p class="text-muted"><img src="https://github.com/LumpBloom7.png" alt="Bloom" width="32" height="32" class="rounded-circle"> Bloom</p>
<p>A custom ruleset based on Sega’s arcade rhythm game maimai</p>
<p><a class="btn btn-secondary btn-rurusetto hvr-sweep-to-right" href="wiki.html">Read »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img src="https://github.com/goodtrailer/soyokaze/blob/main/assets/logo.png?raw=true" width="140px" height="140px">
<h2>Soyokaze</h2>
<p class="text-muted"><img src="https://github.com/goodtrailer.png" alt="Alden Wu" width="32" height="32" class="rounded-circle"> Alden Wu</p>
<p>An osu! ruleset mimicking Genshin Impact’s Ballads of Breeze mini-game.</p>
<p><a class="btn btn-secondary btn-rurusetto hvr-sweep-to-right" href="wiki.html">Read »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img src="https://github.com/EVAST9919/bosu/blob/master/osu.Game.Rulesets.Bosu/Resources/Textures/logo.png?raw=true" width="140px" height="140px" style="filter:invert(1)">
<h2>Bosu</h2>
<p class="text-muted"><img src="https://github.com/EVAST9919.png" alt="EVAST9919" width="32" height="32" class="rounded-circle"> Evast</p>
<p>A custom game mode for osu!lazer project based on ”I wanna be the Boshy” game</p>
<p><a class="btn btn-secondary btn-rurusetto hvr-sweep-to-right" href="wiki.html">Read »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div>
<div class="container">
<div class="row mb-3">
<h1>I don't know what to add next</h1>
</div>
<div class="row text-center">
<div class="col-lg-4">
<img src="https://raw.githubusercontent.com/LumpBloom7/sentakki/eca1d8d8d1716454a708241f56718035221e3738/assets/icon.svg" width="140px" height="140px">
<h2>Awesome Rulesets</h2>
<p class="text-muted"><img src="https://ta-assistant-draft.netlify.app/assets/img/profile/dead-inside.jpeg" alt="maker" width="32" height="32" class="rounded-circle"> maker</p>
<p>How awesome is it!</p>
<p><a class="btn btn-secondary btn-rurusetto hvr-sweep-to-right" href="wiki.html">Read »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img src="https://raw.githubusercontent.com/LumpBloom7/sentakki/eca1d8d8d1716454a708241f56718035221e3738/assets/icon.svg" width="140px" height="140px">
<h2>Second Rulesets</h2>
<p class="text-muted"><img src="https://ta-assistant-draft.netlify.app/assets/img/profile/dead-inside.jpeg" alt="maker" width="32" height="32" class="rounded-circle"> maker</p>
<p>Good rulesets!</p>
<p><a class="btn btn-secondary btn-rurusetto hvr-sweep-to-right" href="wiki.html">Read »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img src="https://raw.githubusercontent.com/LumpBloom7/sentakki/eca1d8d8d1716454a708241f56718035221e3738/assets/icon.svg" width="140px" height="140px">
<h2>Third Rulesets</h2>
<p class="text-muted"><img src="https://ta-assistant-draft.netlify.app/assets/img/profile/dead-inside.jpeg" alt="maker" width="32" height="32" class="rounded-circle"> maker</p>
<p>Peppy</p>
<p><a class="btn btn-secondary btn-rurusetto hvr-sweep-to-right" href="wiki.html">Read »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div>
<br>
<footer class="footer mt-auto py-3">
<div class="container">
<div class="row">
<div class="col">
<p>Made with ❤️ by <a class="text-decoration-none hvr-underline-from-center made-by-footer" target="_blank" href="https://github.com/Rurusetto">Rūrusetto team</a></p>
</div>
<div class="col text-end github-footer">
<a target="_blank" href="https://github.com/Rurusetto/rurusetto-new-draft"><i class="fab fa-github hvr-grow github-footer"></i></a>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="custom-light.js"></script>
</body>
</html>