buzzcode2007/PestleApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial commit

Browse source
This commit is contained in:
ibdocs2 2024-03-14 13:22:57 +01:00
commit 181d6b8914
6 changed files with 1462 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

88
index.html Normal file
View file

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mortar & Pestle</title>
<link rel="stylesheet" href="./assets/index-0e5924d3.css">
<script>
function toggleDarkMode() {
const body = document.body;
const button = document.querySelector('.btn-primary');
body.classList.toggle('dark-mode');
if (body.classList.contains('dark-mode')) {
button.style.position = 'static';
button.style.zIndex = 'auto';
} else {
button.style.position = 'fixed';
button.style.zIndex = '9999';
button.style.right = '0';
}
}
</script>
</head>
<body>
<div id="root">
<div class="me-auto ms-auto flex flex-col items-center p-4 pt-3" id="landingPage">
<header class="flex w-full items-start" style="position: fixed">
<div style="position: fixed; right: 15px; z-index: 9999;"><button class="btn-primary" onclick="toggleDarkMode()">Dark Mode</button></div>
</header>
<div>
<div style="text-align:center;"><h1><b>Mortar & Pestle</b></h1><br></div>
<h1>The <em>Next Generation</em> of Question Grinding</h1>
</div><br>
<div class="mt-4" style="text-align:center;">
<h2>Practice IB Exam-Style Questions, create topic-wise tests, and much more!</h2><br>
<h2 style="color:orangered">Warning: This site is on early beta release, and it is <b>NOT</b> optimized for mobile.</h2>
</div>
<br>
<div class="p-3" style="text-align:center;"><a href="app/index.html"><button class="btn-primary"><h1>Start Grinding!</h1></button></a></div>
<br>
<div class="mt-8 font-medium text-neutralVariant">
<h2>Features</h2>
</div>
<section class="flex w-full justify-evenly pt-5">
<div class="flex shrink grow basis-0 flex-col items-center">
<div class="rounded-full bg-secondary/30 p-2"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<line x1="12" y1="5" x2="12" y2="19"></line>
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg></div>
<div class="font-medium text-gray-500">Combine Topics</div>
</div>
<div class="flex shrink grow basis-0 flex-col items-center">
<div class="rounded-full bg-red-300/30 p-2">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path>
<line x1="16" y1="8" x2="2" y2="22"></line>
<line x1="17.5" y1="15" x2="9" y2="15"></line>
</svg> -->
<img src="./assets/anvil.svg" width="24"
height="24" viewBox="0 0 24 24">
</div>
<div class="font-medium text-gray-500">Heavy but powerful</div>
</div>
<div class="flex shrink grow basis-0 flex-col items-center">
<div class="rounded-full bg-gray-400/30 p-2"><img src="./assets/anon.svg"
alt="anonymous image"></div>
<div class="font-medium text-gray-500">No trackers/cookies</div>
</div>
</section>
<br>
</div>
<footer class="mt-16 flex flex-col text-center">
<p><a href="https://reddit.com/r/pirateIB">IB Documents (2) Team</a><br>#freexiletow</p>
</footer>
</div>
</body>
</html>