added another commission and made the commissions site less tedious to maintain
Web/pipeline/head This commit looks good Details

This commit is contained in:
Ell 2021-03-20 19:04:13 +01:00
parent d3ebe92ed7
commit bbd38df001
6 changed files with 59 additions and 49 deletions

View File

@ -55,54 +55,8 @@
<div class="par">
<h1>Past Commissions</h1>
<div class="mod-info">
<img src="media/nyx.png" style="object-position: top">
<div class="mod-caption">
<h2><a href="https://www.curseforge.com/minecraft/mc-mods/nyx">Nyx</a></h2>
<p class="d-none d-sm-block">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="test test-left">
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. Im happy to have collaborated with him!
<p class="test-name">Drakallen</p>
</div>
<div class="mod-info">
<img src="media/slingshot.png" style="object-position: bottom">
<div class="mod-caption">
<h2><a href="https://www.curseforge.com/minecraft/mc-mods/slingshot">Slingshot</a></h2>
<p class="d-none d-sm-block">Slingshot allows you to shoot different items with your slingshot for different effects</p>
</div>
</div>
<div class="test test-right">
<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="mod-info">
<img src="media/enchantmentstorage.png">
<div class="mod-caption">
<h2><a href="https://www.curseforge.com/minecraft/mc-mods/enchantment-storage">Enchantment Storage</a></h2>
<p class="d-none d-sm-block">Stores and automatically converts your enchanted books into a limitless repository of knowledge</p>
</div>
</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 class="mod-info">
<img src="media/moreflowerbushes.png">
<div class="mod-caption">
<h2><a href="https://www.curseforge.com/minecraft/mc-mods/more-flower-bushes">More Flower Bushes</a></h2>
<p class="d-none d-sm-block">A simple mod that adds 8 new two block tall flower bushes to decorate with</p>
</div>
</div>
<div class="test test-right">
Thanks to Ellpeck for making the code for my little mod idea because I can't code for the life of me. Not only did he deliver incredibly fast, he also made sure that everything was done to my satisfaction. It was well worth my money and I look forward to our continued cooperation.
<p class="test-name">Rallen</p>
</div>
<div id="mods"></div>
<script src="mods.js"></script>
</div>
<div class="par">

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 MiB

View File

Before

Width:  |  Height:  |  Size: 521 KiB

After

Width:  |  Height:  |  Size: 521 KiB

View File

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 2.4 MiB

56
commissions/mods.js Normal file
View File

@ -0,0 +1,56 @@
const data = [{
id: "nyx",
name: "Nyx",
description: "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",
testimonial: "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. Im happy to have collaborated with him!",
commissioner: "Drakallen"
},
{
id: "slingshot",
name: "Slingshot",
description: "Slingshot allows you to shoot different items with your slingshot for different effects",
testimonial: "A pleasant, kind, and easy to work with modder. He produces high quality work and is, in my opinion, well worth the money.",
commissioner: "Violet"
},
{
id: "enchantment-storage",
name: "Enchantment Storage",
description: "Stores and automatically converts your enchanted books into a limitless repository of knowledge",
testimonial: "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.",
commissioner: "Zilch"
},
{
id: "more-flower-bushes",
name: "More Flower Bushes",
description: "A simple mod that adds 8 new two block tall flower bushes to decorate with",
testimonial: "Thanks to Ellpeck for making the code for my little mod idea because I can't code for the life of me. Not only did he deliver incredibly fast, he also made sure that everything was done to my satisfaction. It was well worth my money and I look forward to our continued cooperation.",
commissioner: "Rallen"
},
{
id: "craftable-deeds",
name: "Craftable Deeds",
description: "A mod that allows claiming (and stealing) land using special map items",
testimonial: "This has been an incredibly lovely job done, quick and to my liking and completely worth my money. I would work with Ellpeck again without hesitation.",
commissioner: "DB20xx"
}
];
let content = "";
let left = true;
for (let mod of data) {
content += /*html*/ `
<div class="mod-info">
<img src="media/${mod.id}.png" style="object-position: top">
<div class="mod-caption">
<h2><a href="https://www.curseforge.com/minecraft/mc-mods/${mod.id}">${mod.name}</a></h2>
<p class="d-none d-sm-block">${mod.description}</p>
</div>
</div>
<div class="test test-${left ? "left" : "right"}">
${mod.testimonial}
<p class="test-name">${mod.commissioner}</p>
</div>
`;
left = !left;
}
$("#mods").html(content);

View File

@ -24,7 +24,7 @@ body {
.mod-caption {
position: absolute;
bottom: 8px;
bottom: 10px;
color: white;
text-align: center;
left: 50%;