Skip to content

Commit

Permalink
Make structure changes and add md-to-html converter script
Browse files Browse the repository at this point in the history 
I added a few scripts for randomizing a message, changed the structure of the project and added a markdown to html converter that allows you to easily convert markdown pages to html pages.
  • Loading branch information
magicianessuwu committed Apr 27, 2024
1 parent a56a953 commit c100462
Show file tree
Hide file tree
Showing 8 changed files with 446 additions and 252 deletions.
10 changes: 10 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1 +1,11 @@
# A website for Cubyz

## 🎨 Markdown to HTML Converter 🎨

The file found in ```scripts/markdown_to_html_turner.js``` will transform any markdown file into a html version.
You can use this by putting this in your html file including your markdown url. You also need the script mentioned above.
```html
<main id="turn_this_markdown_to_html_pretty_please">
https://raw.githubusercontent.com/PixelGuys/Cubyz/master/README.md
</main>
```
38 changes: 38 additions & 0 deletions e.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Preset</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav>
<div class="banner">
<img src="assets/images/green_purple_crystals.png" alt="">
<div>
<img class="logo" src="assets/textures/pixelguys.png" alt="">
<a href="">Home</a>
<a href="">Features</a>
<a href="">Information</a>
</div>
<p id="modt-text">
"Why is nothing here?" - you (probably)
</p>
</div>
</nav>
<main>
<p>Page content here...</p>
</main>
<footer>
<div>
<a href="?">Legal</a>
<a href="?">Guidelines</a>
<a href="https://github.com/pixelguys/Cubyz">Github</a>
<a href="https://www.youtube.com/@quantumdeveloper2733">Youtube</a>
<a href="https://discord.gg/XtqCRRG">Discord</a>
</div>
</footer>
<script src="markdown_to_html_turner.js"></script>
</body>
</html>
270 changes: 18 additions & 252 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,15 @@
<!DOCTYPE html>
<html lang="en">

<!-- Do not steal, source code is cursed. You might encounter compiler errors when you steal this!!!!
If you want to steal, go to github, this isn't too good for stealing
-->

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to Cubyz</title>
<link rel="stylesheet" href="styles.css">
</head>

<body>
Expand All @@ -15,16 +20,17 @@
<img class="logo" src="assets/textures/pixelguys.png" alt="">
<a href="">Home</a>
<a href="">Features</a>
<a href="">Information</a>
<a href="information.html">Information</a>
</div>
<p>
Cubyz — The only limit is your your Imagination.
<p id="modt-text">
"Why is nothing here?" - you (probably)
</p>
</div>
</nav>
<main>
<p style="text-align: center;"> <!--Change the "text-align: center" to "display none" if you want it gone.-->
Embark on an thrilling journey across vast landscapes, <br>exploring the deepest of caves <br>unseen by daylight.
Embark on an thrilling journey across vast landscapes, <br>exploring the deepest of caves <br>unseen by
daylight.
Discover ancient minerals, untouched by time, <br>as you discover more in this forgotten
<br>world.
</p>
Expand All @@ -35,7 +41,10 @@
</p>
<p>
You can also become a contributor and make miracles in Cubyz's development.<br>
<button onclick="window.location.href='https://github.com/PixelGuys/Cubyz'">Github</button><button onclick="window.location.href='https://github.com/PixelGuys/Cubyz/issues'">Issues</button><button onclick="window.location.href='https://github.com/PixelGuys/Cubyz/wiki/Addons'">Make Addons</button>
<button onclick="window.location.href='https://github.com/PixelGuys/Cubyz'">Github</button><button
onclick="window.location.href='https://github.com/PixelGuys/Cubyz/issues'">Issues</button><button
onclick="window.location.href='https://github.com/PixelGuys/Cubyz/wiki/Addons'">Make
Addons</button>
</p>
</div>
<div class="container">
Expand Down Expand Up @@ -86,251 +95,8 @@
<a href="https://discord.gg/XtqCRRG">Discord</a>
</div>
</footer>
</body>

<style>
* {
color-scheme: dark;
font-family: font;
font-size: 18px;
text-shadow: 2px 2px 0px #000000;
}

@font-face {
font-family: font;
src: url(assets/fonts/unscii-16-full.ttf);
}

@font-face {
font-family: small;
src: url(assets/fonts/slkscr.ttf);
}

::-webkit-scrollbar {
height: 15px;
width: 15px;
}

::-webkit-scrollbar-track {
background-image: url(assets/textures/scrollbar.png);
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
}

::-webkit-scrollbar-thumb {
background-image: url(assets/textures/oak_planks.png);
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
}

::-webkit-scrollbar-thumb:hover {
background-image: url(assets/textures/oak_planks.png);
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
}

body {
background-image: url(assets/textures/void_stone.png);
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
margin: 0px;
}

button {
background-image: url(assets/textures/button.png);
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
border-radius: 0px;
outline: none;
border: none;
padding: 5px 10px 5px 10px;
margin: 5px;
}

button:hover {
background-image: linear-gradient(to bottom, #00000080, #00000080), url(assets/textures/button.png);
cursor: pointer;
}

footer {
background-image: linear-gradient(to bottom, #000000a0, #000000a0), url(assets/textures/transition_void_stone_stone.png), url(assets/textures/stone.png);
background-position: top, top;
background-repeat: repeat, repeat-x, repeat;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
width: 100%;
}

footer div {
padding: 50px 0px 30px 0px;
text-align: center;
}

footer div p {
padding: 0px;
margin: 0px;
}

nav {
background-image: linear-gradient(to bottom, #000000a0, #000000a0), url(assets/textures/transition_stone_void_stone.png), url(assets/textures/stone.png);
background-position: bottom, bottom;
background-repeat: repeat, repeat-x, repeat;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
width: 100%;
}

.banner {
position: relative;
text-align: center;
}

.banner .logo {
background-image: url(assets/textures/button.png);
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
width: 150px;
height: 30px;
}

.banner {
width: 1200px;
height: 200px;
object-fit: cover;
display: block;
margin: auto;
}

.banner img {
width: 1200px;
height: 200px;
object-fit: cover;
display: block;
margin: auto;
}

.banner::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(assets/textures/transition_stone_void_stone_translucent.png);
background-position: bottom;
background-repeat: repeat-x;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
pointer-events: none;
}

.banner div {
display: flex;
position: absolute;
top: 10px;
left: 10px;
}

.banner p {
position: absolute;
bottom: 35px;
right: 10px;
font-family: small;
font-size: 12px;
}

.banner a {
padding: 10px;
}

a {
color: #a090f0;
}

main {
max-width: 800px;
margin: auto;
margin-bottom: 20px;
}

main img {
width: 100%;
}

.container {
background-image: url(assets/textures/stone.png);
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
box-shadow: inset 0 0 10px #000000;
margin-top: 10px;
}

.container .title {
background-image: url(assets/textures/window_title.png);
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
background-size: 64px;
padding: 4px;
box-shadow: inset 0 0 10px #000000;
font-size: 18px;
}

.container p {
margin: 0px;
padding: 20px;
}

.images {
overflow-x: scroll;
}

.flexbox {
display: flex;
flex: 2;
margin-top: 10px;
padding: 0px;
}

.flexbox .container {
margin: 0px;
flex: 1;
}

.flexbox .container:first-child {
margin-right: 5px;
}

.flexbox .container:last-child {
margin-left: 5px;
}

.smalltext {
position: absolute;
font-family: small;
font-size: 10px;
right: 20px;
}
</style>

</html>
<script src="scripts/index.js"></script>
<script src="scripts/motd_randomiser.js"></script>
</body>
</html>
Loading

0 comments on commit c100462

Please sign in to comment.