Skip to content

Commit 766556e

Browse files
xCollateralxCollateral
authored
Merge pull request #270 from chitanda-dev/web
Update link preview.
2 parents d339c85 + ab8441b commit 766556e

3 files changed

Lines changed: 49 additions & 35 deletions

File tree

‎VulkanModStars.png‎

36.3 KB
Loading

‎index.html‎

Lines changed: 20 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,20 @@
1111
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
1212
<link rel="icon" type="image/x-icon" href="VulkanMod.ico">
1313
<title>VulkanMod</title>
14+
<meta name="title" content="VulkanMod" />
15+
<meta name="description" content="A fabric mod that rewrites Minecraft OpenGL® renderer to use Vulkan® API." />
16+
<meta name="theme-color" content="#FF5A5A">
17+
18+
<meta property="og:type" content="website" />
19+
<meta property="og:url" content="vkminecraft.dev" />
20+
<meta property="og:title" content="VulkanMod" />
21+
<meta property="og:description" content="A fabric mod that rewrites Minecraft OpenGL® renderer to use Vulkan® API." />
22+
<meta property="og:image" content="https://raw.githubusercontent.com/chitanda-dev/VulkanMod/web/VulkanModStars.png" />
23+
24+
<meta property="twitter:url" content="vkminecraft.dev" />
25+
<meta property="twitter:title" content="VulkanMod" />
26+
<meta property="twitter:description" content="A fabric mod that rewrites Minecraft OpenGL® renderer to use Vulkan® API." />
27+
<meta property="twitter:image" content="https://raw.githubusercontent.com/chitanda-dev/VulkanMod/web/VulkanModStars.png"/>
1428
</head>
1529
<body>
1630
<div id="particles"></div>
@@ -21,7 +35,7 @@
2135
<h1>VulkanMod</h1>
2236
</div>
2337
<div class="text">
24-
<p>A <u><a href="https://fabricmc.net/" style="color: white;">fabric</a></u> mod that rewrites Minecraft <u><a href="https://opengl.org/" style="color: white;">OpenGL®</a></u> renderer to use <u><a href="https://vulkan.org/" style="color: white;">Vulkan®</a></u> API.</p>
38+
<p>A <u><a href="https://fabricmc.net/" class="link">fabric</a></u> mod that rewrites Minecraft <u><a href="https://opengl.org/" class="link">OpenGL®</a></u> renderer to use <u><a href="https://vulkan.org/" class="link"">Vulkan®</a></u> API.</p>
2539
</div>
2640
<div class="button">
2741
<a class="btn" href="https://modrinth.com/mod/vulkanmod"><i class="bi bi-download"></i><span class="btn-text"> Download (Linux & Windows)</span></a>
@@ -35,19 +49,19 @@ <h1>VulkanMod</h1>
3549
<div id="disclaimer" class="modal">
3650
<div class="content animate__animated animate__fadeInDown">
3751
<span class="close" onclick="disclaimerModal()">&times;</span>
38-
<h4>Disclaimer:</h4>
39-
<ul>
52+
<h4 class="header">Disclaimer:</h4>
53+
<ul class="text">
4054
<li>Vulkan and the Vulkan logo are registered trademarks of the Khronos Group Inc.</li>
4155
<li>OpenGL and the OpenGL logo are registered trademarks of the Khronos Group Inc.</li>
4256
<li>Minecraft is the trademark of Microsoft Corporation.</li>
4357
<li>Fabric is the trademark of FabricMC.</li>
4458
</ul>
45-
<div style="display: block; margin-top: 12px"><a class="button" href="javascript:void(0)" onclick="disclaimerModal()">Close</a></div>
59+
<div style="display: block; margin-top: 12px"><a class="btn button" href="javascript:void(0)" onclick="disclaimerModal()">Close</a></div>
4660
</div>
4761
</div>
4862
<div class="footer">
49-
<p>© COPYRIGHT 2023 XCOLLATERAL. NOT APPROVED BY OR ASSOCIATED WITH MOJANG. <a href="javascript:void(0)" onclick="disclaimerModal()" style="color: #fff">DISCLAIMER</a></p>
50-
<p>Made with 💖 by <a href="https://github.com/chitanda-dev"> chitanda</a> and<a href="https://github.com/xCollateral"> xCollateral</a></p>
63+
<p>© COPYRIGHT 2023 XCOLLATERAL. NOT APPROVED BY OR ASSOCIATED WITH MOJANG. <a href="javascript:void(0)" onclick="disclaimerModal()" class="link">DISCLAIMER</a></p>
64+
<p>Made with 💖 by <a class="link" href="https://github.com/chitanda-dev"> chitanda</a> and<a class="link" href="https://github.com/xCollateral"> xCollateral</a>. Special thanks to <a class="link" href="https://pieman.dev/"> piemanau</a> for website adjustments.</p>
5165
</div>
5266
<script src="./particles.min.js"></script>
5367
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

‎style.css‎

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,8 @@ body {
88
}
99

1010
* {
11+
--text-colour: rgb(205, 204, 204);
12+
--highlight-text-colour: rgb(241, 241, 241);
1113
margin: 0;
1214
padding: 0;
1315
}
@@ -25,7 +27,7 @@ body {
2527
}
2628

2729
.heading {
28-
color: white;
30+
color: var(--highlight-text-colour);
2931
text-align: center;
3032
font-family: 'Poppins', sans-serif;
3133
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
@@ -36,7 +38,7 @@ body {
3638
}
3739

3840
.text {
39-
color: white;
41+
color: var(--text-colour);
4042
padding: 0px 24px;
4143
text-align: center;
4244
font-family: 'Poppins', sans-serif;
@@ -47,8 +49,22 @@ body {
4749
animation: fadein 2s;
4850
}
4951

52+
.link {
53+
transition-duration: 300ms;
54+
color: var(--text-colour);
55+
}
56+
57+
.link:hover {
58+
color: var(--highlight-text-colour);
59+
}
60+
5061
.logo {
5162
transition-duration: 500ms;
63+
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
64+
-moz-animation: fadein 2s; /* Firefox < 16 */
65+
-ms-animation: fadein 2s; /* Internet Explorer */
66+
-o-animation: fadein 2s; /* Opera < 12.1 */
67+
animation: fadein 2s;
5268
}
5369

5470
.logo:hover {
@@ -67,7 +83,7 @@ body {
6783
text-align: center;
6884
width: 100%;
6985
font-family: 'Poppins', sans-serif;
70-
color: white;
86+
color: var(--text-colour);
7187
font-size: 12px;
7288
-webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
7389
-moz-animation: fadein 4s; /* Firefox < 16 */
@@ -84,15 +100,15 @@ body {
84100

85101
.btn {
86102
padding: 8px 12px 8px;
87-
color: #0D4652;
88-
background-color: #fff;
103+
color: rgb(12, 20, 29);
104+
background-color: var(--text-colour);
89105
text-decoration: none;
90106
border: none;
91107
border-radius: 10px;
92108
min-height: 40px;
93109
min-width: 100px;
94110
font-family: 'Poppins', sans-serif;
95-
transition-duration: 0.5s;
111+
transition-duration: 300ms;
96112
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
97113

98114
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
@@ -103,7 +119,8 @@ body {
103119
}
104120

105121
.btn:hover {
106-
background-color: #B5D2D8;
122+
color: rgb(43, 71, 102);
123+
background-color: var(--highlight-text-colour);
107124
cursor: pointer;
108125
}
109126

@@ -120,10 +137,10 @@ body {
120137
}
121138

122139
.modal .content {
123-
background-color: black;
140+
background-color: rgb(12, 11, 20);
124141
margin: 250px auto;
125142
padding: 20px;
126-
border: 1px solid red;
143+
border: 1px solid var(--text-colour);
127144
border-radius: 10px;
128145
max-width: 600px;
129146
text-align: left;
@@ -132,32 +149,15 @@ body {
132149
--animate-duration: 0.5s;
133150
}
134151

135-
.modal .content .button {
136-
padding: 8px 12px 8px;
137-
color: #fff;
138-
background-color: #0D4652;
139-
text-decoration: none;
140-
border: none;
141-
border-radius: 10px;
142-
min-height: 40px;
143-
min-width: 100px;
144-
font-family: 'Poppins', sans-serif;
145-
transition-duration: 0.5s;
146-
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
147-
}
148-
149-
.modal .content .btn:hover {
150-
background-color: #082d35;
151-
}
152-
153152
.modal .content ul,
154153
.modal .content ol {
155154
margin-left: 1em;
156155
text-align: left;
157156
}
158157

159158
.modal .close {
160-
color: #0D4652;
159+
transition-duration: 300ms;
160+
color: var(--text-colour);
161161
float: right;
162162
font-size: 28px;
163163
font-weight: bold;
@@ -166,7 +166,7 @@ body {
166166

167167
.modal .close:hover,
168168
.modal .close:focus {
169-
color: #082d35;
169+
color: var(--highlight-text-colour);
170170
text-decoration: none;
171171
cursor: pointer;
172172
}

0 commit comments

Comments
 (0)