Skip to content

Commit 44a456a

Browse files
brviictoorbrviictoor
authored
website revamp (#639)
1 parent b7a7411 commit 44a456a

12 files changed

Lines changed: 890 additions & 410 deletions

File tree

‎faq/index.html‎

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>FAQ • VulkanMod</title>
6+
<link rel="stylesheet" href="../static/styles/main.css">
7+
<link rel="stylesheet" href="../static/styles/buttons.css">
8+
<link rel="stylesheet" href="../static/styles/cards.css">
9+
<link rel="stylesheet" href="../static/styles/modal.css">
10+
<link rel="stylesheet" href="../static/styles/scroll.css">
11+
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.5/css/unicons.css">
12+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
13+
14+
<link rel="icon" type="image/x-icon" href="../VulkanMod.ico">
15+
16+
<meta name="theme-color" content="#FF5A5A">
17+
<meta property="og:title" content="FAQ • VulkanMod">
18+
<meta property="og:description" content="See the Frequently Asked Questions about VulkanMod.">
19+
<meta property="og:image"
20+
content="https://raw.githubusercontent.com/xCollateral/VulkanMod/web/VulkanModStars.png" />
21+
22+
<meta property="twitter:url" content="vulkanmod.dev" />
23+
<meta property="twitter:title" content="FAQ • VulkanMod" />
24+
<meta property="twitter:description"
25+
content="See the Frequently Asked Questions about VulkanMod." />
26+
<meta property="twitter:image"
27+
content="https://raw.githubusercontent.com/morikoa/VulkanMod/web/VulkanModStars.png" />
28+
29+
<meta charset="UTF-8">
30+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
31+
</head>
32+
33+
<body>
34+
<div class="hb-menu">
35+
<div class="hb-content">
36+
<a href="/" class="nav-option">Home</a>
37+
<a href="" class="nav-option">FAQ</a>
38+
<a href="https://ko-fi.com/V7V7CHHJV"><i class="bi bi-cup"></i> Donate</a>
39+
<a href="https://modrinth.com/mod/vulkanmod" style="background-color: #1bd96a; color: black;"><i
40+
class="bi bi-download"></i> Download on Modrinth</a>
41+
</div>
42+
</div>
43+
44+
<div class="container">
45+
<div class="header">
46+
<div class="logo">
47+
<div id="hb-logo"></div>
48+
<img loading="lazy" src="/VulkanMod.png" alt="VulkanMod" id="vkmod-logo">
49+
50+
<p id="mod-version" class="markdown">0.0.0 ~ 0.0.0</p>
51+
<p class="bullet">•</p>
52+
53+
<div class="navbar">
54+
<a href="/" class="nav-option">Home</a>
55+
<a href="" class="nav-option">FAQ</a>
56+
</div>
57+
</div>
58+
59+
<div class="button-container" style="justify-content: flex-end; margin-right: 10px;">
60+
<a href="https://ko-fi.com/V7V7CHHJV" class="pretty" style="text-decoration: none;"><i
61+
class="bi bi-cup"></i> Donate</a>
62+
<a href="https://modrinth.com/mod/vulkanmod" class="always-active-green"
63+
style="text-decoration: none;"><i class="bi bi-download"></i> Download on
64+
Modrinth</a>
65+
</div>
66+
</div>
67+
68+
<div class="content">
69+
<h1>Frequently Asked Questions</h1>
70+
<div class="card-wrapper">
71+
<div class="card">
72+
<h2>What is <span id="vulkan-mod-mentioned">VulkanMod</span>?</h2>
73+
<p>You can think of <span id="vulkan-mod-mentioned">VulkanMod</span> as a voxel rendering engine
74+
built with Vulkan, which replaces
75+
Minecraft's OpenGL engine to improve performance. Therefore it's not a just a direct port of
76+
vanilla OpenGL engine.</p>
77+
78+
<h2>What do I need to run this mod?</h2>
79+
<p>You will need a GPU with at least Vulkan 1.2 support to run this mod. To check if your GPU
80+
support Vulkan please run <span id="markdown">vulkaninfo</span> in a terminal.</p>
81+
82+
<h2>How can I fix "Vulkan Loader not found"?</h2>
83+
<p>The message means that your GPU doesn't support Vulkan. Make sure that your GPU drivers are
84+
up-to-date and that your GPU model actually supports Vulkan. If that's not the case you will
85+
need to use another GPU.</p>
86+
87+
<h2>What launcher do I need?</h2>
88+
<p>Most launchers are fine, but we would generally recommend using a legit launcher instead of
89+
cheat, pirate or modded clients. Though we do provide support for third party clients if proper
90+
logs are given, we can't fix launcher issues.</p>
91+
92+
<h2>Does this mod support shaders? <span id="vulkan-mod-mentioned">(not the priority)</span></h2>
93+
<p>Not yet, We are working on them but there's still a long way to go. No ETA at this moment.</p>
94+
95+
<h2>What about Linux and macOS?</h2>
96+
<p>You shouldn't encounter any issues with using <span id="vulkan-mod-mentioned">VulkanMod</span> on
97+
Linux, for help on how to install it
98+
on Linux, please check out <a
99+
href="https://github.com/xCollateral/VulkanMod/wiki/Linux-installation">the linux install
100+
guide</a>.
101+
Native Wayland support has been added in <span id="markdown">0.3.6</span>, ensure you are
102+
running the latest update.</p>
103+
104+
<h2>I still have issues, where can I get help?</h2>
105+
<p>For assistance, visit our <a href="https://github.com/xCollateral/VulkanMod/issues">issue
106+
tab</a>.
107+
Include launcher, logs or crash reports, steps to reproduce and list of installed mods for a
108+
quick and effective problem solving. </p>
109+
</div>
110+
</div>
111+
</div>
112+
113+
<div class="footer">
114+
<div class="tooltip-container">
115+
<p id="disclaimer">© Copyright {year} xCollateral - Not approved by or associated with Mojang or
116+
Microsoft.</p><br>
117+
<span class="tooltip">Click to see disclaimer</span>
118+
</div>
119+
<p style="opacity: 0.7;">Made with 💖 by <a href="https://github.com/xCollateral">xCollateral</a>. Special
120+
thanks to our <span id="contributors-f">Contributors</span></p>
121+
</div>
122+
</div>
123+
124+
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
125+
<script src="../static/js/Modal.js"></script>
126+
<script src="../static/js/main.js"></script>
127+
</body>
128+
129+
</html>

‎index.html‎

Lines changed: 91 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -1,95 +1,107 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
3+
34
<head>
4-
<meta name="viewport" content="width=deivce-width, initial-scale=1.0">
5-
<link rel="stylesheet" href="style.css">
5+
<title>Home • VulkanMod</title>
6+
<link rel="stylesheet" href="static/styles/main.css">
7+
<link rel="stylesheet" href="static/styles/buttons.css">
8+
<link rel="stylesheet" href="static/styles/cards.css">
9+
<link rel="stylesheet" href="static/styles/modal.css">
10+
<link rel="stylesheet" href="static/styles/scroll.css">
611
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.5/css/unicons.css">
7-
<link rel="preconnect" href="https://fonts.googleapis.com">
8-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9-
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css'>
10-
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
11-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
12-
<link rel="icon" type="image/x-icon" href="VulkanMod.ico">
13-
<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." />
12+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
13+
14+
<link rel="icon" type="image/x-icon" href="/VulkanMod.ico">
15+
1616
<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/morikoa/VulkanMod/web/VulkanModStars.png" />
17+
<meta property="og:title" content="Home • VulkanMod">
18+
<meta property="og:description" content="A fabric mod that rewrites Minecraft OpenGL® renderer to use Vulkan® API.">
19+
<meta property="og:image"
20+
content="https://raw.githubusercontent.com/xCollateral/VulkanMod/web/VulkanModStars.png" />
2321

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/morikoa/VulkanMod/web/VulkanModStars.png"/>
22+
<meta property="twitter:url" content="vulkanmod.dev" />
23+
<meta property="twitter:title" content="Home • VulkanMod" />
24+
<meta property="twitter:description"
25+
content="A fabric mod that rewrites Minecraft OpenGL® renderer to use Vulkan® API." />
26+
<meta property="twitter:image"
27+
content="https://raw.githubusercontent.com/VulkanMod/VulkanMod/web/VulkanModStars.png" />
28+
29+
<meta charset="UTF-8">
30+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2831
</head>
32+
2933
<body>
30-
<div id="particles"></div>
34+
<div class="hb-menu">
35+
<div class="hb-content">
36+
<a href="" class="nav-option">Home</a>
37+
<a href="/faq" class="nav-option">FAQ</a>
38+
<a href="https://ko-fi.com/V7V7CHHJV"><i class="bi bi-cup"></i> Donate</a>
39+
<a href="https://modrinth.com/mod/vulkanmod" style="background-color: #1bd96a; color: black;"><i
40+
class="bi bi-download"></i> Download on Modrinth</a>
41+
</div>
42+
</div>
3143
<div class="container">
32-
<div class="content">
33-
<img src="VulkanMod.png" class="logo" alt="VulkanMod">
34-
<div class="heading">
35-
<h1>VulkanMod</h1>
36-
</div>
37-
<div class="text">
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>
44+
<div class="header">
45+
<div class="logo">
46+
<div id="hb-logo"></div>
47+
<img loading="lazy" src="/VulkanMod.png" alt="VulkanMod" id="vkmod-logo">
48+
<p id="mod-version" class="markdown">0.0.0 ~ 0.0.0</p>
49+
<p class="bullet">•</p>
50+
51+
<div class="navbar">
52+
<a href="" class="nav-option">Home</a>
53+
<a href="/faq" class="nav-option">FAQ</a>
54+
</div>
3955
</div>
40-
<div class="button">
41-
<a class="btn" href="https://modrinth.com/mod/vulkanmod"><i class="bi bi-download"></i><span class="btn-text"> Download</span></a>
42-
<a class="btn" href="https://github.com/xCollateral/VulkanMod"><i class="bi bi-github"></i><span class="btn-text"> GitHub</span></a>
43-
<a class="btn" href="https://ko-fi.com/V7V7CHHJV"><i class="bi bi-cup"></i><span class="btn-text"> Donate</span></a>
44-
<a class="btn" href="https://discord.gg/FVXg7AYR2Q"><i class="bi bi-discord"></i><span class="btn-text"> Discord</span></a>
56+
57+
<div class="button-container" style="justify-content: flex-end; margin-right: 10px;">
58+
<a href="https://ko-fi.com/V7V7CHHJV" class="pretty" style="text-decoration: none;"><i
59+
class="bi bi-cup"></i> Donate</a>
60+
<a href="https://modrinth.com/mod/vulkanmod" class="always-active-green"
61+
style="text-decoration: none;"><i class="bi bi-download"></i> Download on
62+
Modrinth</a>
4563
</div>
4664
</div>
47-
</div>
48-
<div id="disclaimer" class="modal">
49-
<div class="content animate__animated animate__fadeInDown">
50-
<span class="close" onclick="disclaimerModal()">&times;</span>
51-
<h4 class="header">Disclaimer:</h4>
52-
<ul class="text">
53-
<li>Vulkan and the Vulkan logo are registered trademarks of the Khronos Group Inc.</li>
54-
<li>OpenGL and the OpenGL logo are registered trademarks of the Khronos Group Inc.</li>
55-
<li>Minecraft is the trademark of Microsoft Corporation.</li>
56-
<li>Fabric is the trademark of FabricMC.</li>
57-
</ul>
58-
<div style="display: block; margin-top: 12px"><a class="btn button" href="javascript:void(0)" onclick="disclaimerModal()">Close</a></div>
65+
66+
<div class="content">
67+
<img loading="lazy" src="https://vulkanmod.dev/VulkanMod.png" alt="VulkanMod" style="margin-bottom: -50px;">
68+
<h1 id="vulkan-mod-mentioned" style="font-size: 2.5rem;">VulkanMod</h1>
69+
70+
<h2>A <a href="https://fabricmc.net/">fabric</a> mod that rewrites Minecraft <a
71+
href="https://opengl.org/">OpenGL®</a> renderer to use <a href="https://vulkan.org/">Vulkan®</a>
72+
API.</h2>
73+
74+
<div class="card-wrapper">
75+
<div class="card">
76+
<h3>Open Source</h3>
77+
<p>Our project is open-source, what means you can either see the code on <i
78+
class="bi bi-github"></i> <a href="https://github.com/xCollateral/VulkanMod">GitHub</a> or
79+
be like our <span id="contributors">Contributors</span> and help us in any way useful to <span
80+
id="vulkan-mod-mentioned">VulkanMod</span> be the best optimization mod!</p>
81+
82+
<h3>Discord</h3>
83+
<p>If you want, you can come by our <i class="bi bi-discord"> </i><a
84+
href="https://discord.gg/FVXg7AYR2Q">Discord</a> server, we have very useful informations
85+
about
86+
the mod and wonderful folk.</p>
87+
</div>
88+
</div>
5989
</div>
60-
</div>
61-
<div id="contributor" class="modal">
62-
<div class="content animate__animated animate__fadeInDown">
63-
<span class="close" onclick="conModal()">&times;</span>
64-
<h4 class="header">Contributors:</h4>
65-
<ul class="text">
66-
<li><a class="link" href="https://github.com/thr3343">thr3343</a> - Core Mod Development</li>
67-
<li><a class="link" href="https://github.com/CADIndie">CADIndie</a> - Forge Port and many other fixes</li>
68-
<li><a class="link" href="https://pieman.dev">piemanau</a> - Website adjustments</li>
69-
<li><a class="link" href="https://github.com/Sollace">Sollace</a> - OpenGL Mod Compatibility fixes</li>
70-
<li><a class="link" href="https://www.youtube.com/@SpidFightFR">SpidFightFR</a> - VulkanMod contents</li>
71-
<li><a class="link" href="https://github.com/khanhduytran0">DuyKhanhTran</a> - Mobile Devices ports</li>
72-
</ul>
73-
<div style="display: block; margin-top: 12px"><a class="btn button" href="javascript:void(1)" onclick="conModal()">Close</a></div>
90+
91+
<div class="footer">
92+
<div class="tooltip-container">
93+
<p id="disclaimer">© Copyright {year} xCollateral - Not approved by or associated with Mojang or
94+
Microsoft.</p><br>
95+
<span class="tooltip">Click to see disclaimer</span>
96+
</div>
97+
<p style="opacity: 0.7;">Made with 💖 by <a href="https://github.com/xCollateral">xCollateral</a>. Special
98+
thanks to our <span id="contributors-f">Contributors</span></p>
7499
</div>
75100
</div>
76-
<div class="footer">
77-
<p>© COPYRIGHT 2024 XCOLLATERAL. NOT APPROVED BY OR ASSOCIATED WITH MOJANG. <a href="javascript:void(0)" onclick="disclaimerModal()" class="link">DISCLAIMER</a></p>
78-
<p>Made with 💖 by <a class="link" href="https://github.com/xCollateral"> xCollateral</a>. Special thanks to our <a href="javascript:void(1)" onclick="conModal()" class="link">Contributors</a></p>
79-
</div>
80-
<script src="./particles.min.js"></script>
81-
<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>
82-
<script>
83-
particlesJS.load('particles', 'particles.json');
84101

85-
var modal = $("#disclaimer");
86-
function disclaimerModal() {
87-
modal.toggle();
88-
}
89-
var Modal = $("#contributor");
90-
function conModal() {
91-
Modal.toggle();
92-
}
93-
</script>
102+
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
103+
<script src="static/js/Modal.js"></script>
104+
<script src="static/js/main.js"></script>
94105
</body>
95-
</html>
106+
107+
</html>

0 commit comments

Comments
 (0)