Browse Source

commission site, part 1

commissions
Ellpeck 1 week ago
parent
commit
55d4460029
6 changed files with 148 additions and 1 deletions
  1. +0
    -1
      .htaccess
  2. +103
    -0
      commissions/index.html
  3. BIN
      commissions/media/enchantmentstorage.png
  4. BIN
      commissions/media/nyx.png
  5. BIN
      commissions/media/slingshot.png
  6. +45
    -0
      commissions/style.css

+ 0
- 1
.htaccess View File

@ -18,7 +18,6 @@ RewriteRule ^mc/?$ "https://ellpeck.de/minecraft-stuff" [R=301,L]
RewriteRule ^minecraft-stuff/?$ "https://ellpeck.de/projects" [R=301,L]
RewriteRule ^yt/?$ "https://www.youtube.com/c/ellpeck" [R=301,L]
RewriteRule ^wishlist/?$ "https://www.amazon.de/hz/wishlist/ls/LZO9Y2Z3VJ5Q?&sort=default" [R=301,L]
RewriteRule ^commissions/?$ "https://ellpeck.de/#commissions" [NE,R=301,L]
RewriteRule ^fftranslate/?$ "https://poeditor.com/join/project/ElzC23ecB6" [R=301,L]
ErrorDocument 404 /404.html


+ 103
- 0
commissions/index.html View File

@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ellpeck's Mod Commissions</title>
<meta name="author" content="Ellpeck">
<meta name="description" content="TODO">
<meta name="keywords" content="Ellpeck, Minecraft, Mods, Modding, Commission, Forge, Plugin">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="../favicon.ico">
<meta property="og:title" content="Ellpeck's Mod Commissions">
<meta property="og:description" content="TODO">
<meta property="og:image" content="https://www.ellpeck.de/res/logoSmall.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@Ellpeck">
<meta name="twitter:creator" content="@Ellpeck">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150032076-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
let gtag = function () {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-150032076-2');
</script>
</head>
<body>
<div class="par">
<h1>Stuff I Made</h1>
</div>
<div id="carousel" class="carousel slide" data-ride="carousel" data-interval="5000">
<ol class="carousel-indicators">
<li data-target="#carousel" data-slide-to="0" class="active"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="media/nyx.png" style="object-position: top">
<div class="carousel-caption">
<h2><a href="https://www.curseforge.com/minecraft/mc-mods/nyx">Nyx</a></h2>
<p>Nyx is a mod that transforms and improves Minecraft's time of darkness by adding elements and events themed around the moon, stars, and night sky</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="media/enchantmentstorage.png">
<div class="carousel-caption">
<h2><a href="https://www.curseforge.com/minecraft/mc-mods/enchantment-storage">Enchantment Storage</a></h2>
<p>Stores and automatically converts your enchanted books into a limitless repository of knowledge</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="media/slingshot.png" style="object-position: bottom">
<div class="carousel-caption">
<h2><a href="https://www.curseforge.com/minecraft/mc-mods/slingshot">Slingshot</a></h2>
<p>Slingshot allows you to shoot different items with your slingshot for different effects</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="par">
<h1>What People Say</h1>
<div class="test test-left">
<p>A pleasant, kind, and easy to work with modder. He produces high quality work and is, in my opinion, well worth the money.</p>
<p class="test-name">Violet</p>
</div>
<div class="test test-right">
Ellpeck has proven time and again to be very talented and open-minded when it comes to mod commissions. Easy and enjoyable to work with, and very patient when it comes to working out any inconsistencies. I’m happy to have collaborated with him!
<p class="test-name">Drakallen</p>
</div>
<div class="test test-left">
Working with Ellpeck was an immense pleasure, he was attentive and convivial during the entire process. Upon release, I was assured any and all problems would be handled immediately, although I have yet to encounter a single issue. Brilliant work and highly recommended.
<p class="test-name">Zilch</p>
</div>
</div>
</body>

BIN
commissions/media/enchantmentstorage.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 521 KiB

BIN
commissions/media/nyx.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 401 KiB

BIN
commissions/media/slingshot.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 944 KiB

+ 45
- 0
commissions/style.css View File

@ -0,0 +1,45 @@
body {
font-family: Roboto;
}
.carousel-item img {
max-height: 80vh;
width: auto;
object-fit: cover;
}
.carousel-item a {
color: white;
}
.par {
width: 95%;
max-width: 850px;
margin-top: 1em;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
}
.test {
width: 90%;
margin-top: 20px;
padding: 20px;
background-color: #f0f0f0;
border-radius: 5px;
}
.test-left {
margin-right: 10%;
margin-left: auto;
}
.test-right {
margin-left: 10%;
margin-right: auto;
}
.test-name {
text-align: right;
margin-bottom: 0;
}

Loading…
Cancel
Save