`
},
cly4: {
title: "Mogu94",
date: "06/03/2016",
desc: "This is the first layout I made with newer, cleaner code™, which means it's the first one where the CSS isn't an incomprehensible mess. I really like this layout too, with the way the boxes look using box-shadow. Nested quotes got a bit screwed up here because, again, I forgot to test them. Sorry.",
header: `
`
},
cly5: {
title: "LucasRCD",
date: "02/05/2016",
desc: "A cool layout that takes advantage of border-image (which was a pain to set up, but it worked). It's got a nice, square-y theme to it. I probably should've edited the background image so that I wouldn't need to mess with the CSS to make it \"repeat\", but it turned out quite well either way.",
header: `
`
},
cly6: {
title: "Theultimate12",
date: "05/06/2016",
desc: "For a generic layout, this one isn't that bad, but it took way more time than it was worth it. A lot of time was wasted on fixing the background, way more than it should've taken.
" +
"
Name change: Ultima",
header: `
`
},
cly7: {
title: "Pseudogon",
date: "26/06/2016",
desc: "The colors look like jelly. :P I honestly wish I could've done it better, the colors look a little too bright at times. On a side note, check out that double signature! That's all thanks to the power of CSS3's
display: flex;.",
header: `
`
},
cly8: {
title: "Decoy Blimp",
date: "26/06/2016",
desc: "This one was sort-of \"duct-taped together\", the boxes could've been a bit better and I personally don't like the thick borders around the main post, but everything works well together.
NOTE: The images for this layout are not available anymore.",
header: `
`
},
cly9: {
title: "OmegaYoshi (2)",
date: "16/07/2016",
desc: "This layout was coded while I was away from home, using a tablet device that had a really unstable internet connection. The idea I had for the quote/code boxes' image was a bit crazy, but it worked out well in the end too. This is one of my favorite ones, the only thing I could even criticize is the image on the right that's quite large, but even then I could just adjust it a little bit.
" +
"
Name change: Kyanite
This would later become Sonik234's layout.",
header: `
`
},
cly10: {
title: "Theultimate12 v1.1a",
date: "13/08/2016",
desc: "This is just a minor update/improvement to his previous layout...
" +
"
Name change: Ultima",
header: `
`
},
cly11: {
title: "Theultimate12 v1.1b",
date: "13/08/2016",
desc: "...that also had a second theme.
" +
"
Name change: Ultima",
header: `
`
},
cly12: {
title: "Pedro156",
date: "19/08/2016",
desc: "I decided to customize the spoiler box this time as well. Very basic but very retro-y at the same time, I like it.",
header: `
`
},
cly13: {
title: "Theultimate12 (2)",
date: "05/12/2016",
desc: "Compared to the previous \"versions\" of this layout, I think this one turned out quite good actually. It's like watching a layout evolve...nevermind, I'm weird.
" +
"
Name change: Ultima",
header: `
`
},
cly14: {
title: "PixelGon",
date: "08/07/2017",
desc: `While I don't really do layout requests anymore, for some reason I felt like doing this particular one. I didn't have any specific idea, so this took quite a bit of spontaneous creativity to join together. I actually really like the end result here and how rounded everything is.
You can also notice that layout requests seem to have mostly died out after releasing Layout Maker XP on January, 2017.`,
header: `
`,
footer: `
Sample signature.
`
},
cly15: {
title: "Mr Scotsman",
date: "19/06/2019",
desc: `A layout for yer man, Mr Scotsman, the gamer! This is a really nice 8-bit themed layout. It's been a while since I last did a layout, and it will probably be a while until I make another one.`,
header: `
`,
footer: `
Thank you and have a nice day
~Yer Man
`
},
/* MY LAYOUTS */
rly0: {
title: "1. Super Mario 64 DS",
date: "22/03/2015 - 30/05/2015",
desc: "Everyone has to start somewhere I guess. I still think I had a good idea for this one...even if it wasn't well executed. The background also has to stretch a lot in higher resolutions. Maybe if I remade it, it could actually turn out nice.",
header: `
`
},
rly1: {
title: "2. Rain",
date: "30/05/2015 - 03/06/2015",
desc: "This one is sort-of clunky, and although not as clunky as the previous theme, it's still bad, and the colors could've been better.",
header: `
Creating a SMW hack sometime in the near-ish future.
`
},
rly2: {
title: "2b. Rain",
date: "03/06/2015 - 22/01/2016",
desc: "Luckily, I was aware that I could improve that theme and started messing a bit more with it, and I got this. It has more integrity, even if the colors are still a bit off. This is more-or-less the point where I start to change how I write CSS.",
header: `
`,
footer: `
"A rainy day is as beautiful as a sunny day. Both exist; each one as it is."`
},
rly3: {
title: "2c. Rain",
date: "22/01/2016 - 22/04/2016",
desc: "This one is a bit out of order, since I used it more recently than #3. It is very nice, with an \"water-like\" feel to it, and it's also more vibrant and less dull. The rounded corners make it look extra neat.",
header: `
`,
footer: `
"A rainy day is as beautiful as a sunny day. Both exist; each one as it is."`
},
rly4: {
title: "3. Donkey Kong Country 3",
date: "used during Donkey Kong Country 3's 19th anniversary",
desc: "I was messing with tons of colors at once for the first time, and as you can see, nothing good came out of it. The theme is nice though, and this layout is another one I could remake too, but probably not with this background as it gets too blurry at certain resolutions. The design is, again, quite a bit clunky.",
header: `
`,
footer: `
"A rainy day is as beautiful as a sunny day. Both exist; each one as it is."`
},
rly5: {
title: "4. World of Illusion",
date: "22/04/2016 - ??/??/2016",
desc: "Oh hey, this is my signature layout for a year or so! I really like how the colors look against the background and the text. I don't really have any complaints about this one. I eventually kept readjusting the colors slightly, but overall it pretty much stayed the same.",
header: `
`,
footer: `
* Uncle_Bones has quit (Quit: brb yelling at freshmen who don't understand c++ after three months of learning it)`
},
rly6: {
title: "4b. World of Illusion",
date: "??/??/2016 - 06/01/2017",
desc: "At the time, I thought that this was as good as it could get, minimalistic, yet functional at the same time. After a while, though, I started disliking the contrast between the post background and the actual background, so I went back to using the first version, not to mention the lack of borders which is also something I undid later.",
header: `
`,
footer: `
"The quieter you become, the more you are able to hear." -Ram Dass
`
},
rly7: {
title: "5. Hexadecimal",
date: "Not used",
desc: "This version of this layout is old, it was made way before #4. I never actually used it the way it is displayed right here, so it only served as a test layout until Layout Maker XP was made. It's meant to be cross-compatible with Jul, but I never used it there as well.",
header: `
`
},
rly8: {
title: "5b. Hexadecimal",
date: "15/04/2017 - ??/01/2018",
desc: "I made this one before #T, but I didn't use it back then. It's simple, but that's how it's supposed to look like. At this point in time, I was more interested in making the layout readable rather than enhancing its appearance.",
header: `
`
},
rly9: {
title: "t1. Abstract",
date: "Not used",
desc: "After making this exact layout on another forum, I decided to try and port it over here. It's based on my website's layout. I never actually used it, because I've always preferred using some of the other layouts that I coded over this one.",
header: `
`,
footer: `
Welcome to my boring post layout.
`
},
rly10: {
title: "t2. Quartz Quadrant",
date: "Not used",
desc: "This one is based on the code from #4, but with a different background image to see if I could remove the color awkwardness problem I was having with that layout. I wasn't able to make it look good enough, but it's still neat to see it here. It certainly had potential.",
header: `
`,
footer: `
Sample signature.
`
},
rly11: {
title: "t3. Arstotzka",
date: "28/03/2017",
desc: "This one was made to test floating images. It's so bad it hurts. I knew before I made it that it wouldn't look good, but I tried though, I certainly tried.",
header: `
`,
footer: `
"That must be a typographical error."`
},
rly12: {
title: "6. Palmtree Panic",
date: "??/01/2018 - 22/09/2018",
desc: "This is yet another layout that was previously done for another forum. It previously didn't look this good since it shared the same structure as #3, but, when I reimplemented it again using the same structure from #5, it started to look much better.",
header: `
`,
footer: `
"The quieter you become, the more you are able to hear." --Ram Dass`
},
rly13: {
title: "7. Azure Lake",
date: "25/09/2018 - ??/??/????",
desc: "This layout grabs a bunch of ideas from older layouts. I just wanted something that looked more calm and peaceful, and this background looks really beautiful. The layout box could use a bit more style to it, but it'll do.",
header: `
`,
footer: `
"The quieter you become, the more you are able to hear." --Ram Dass`
},
/* MY EVENT-BASED LAYOUTS */
ely0: {
title: "Halloween 2015",
date: "Halloween 2015",
desc: "My layout for halloween 2015. Kinda fell flat on its face, since the style isn't memorable by any means.",
header: `
`,
footer: `
You can't escape reality.`
},
ely1: {
title: "Christmas 2015",
date: "Christmas 2015",
desc: "My layout for christmas 2015, inspired by the Jul one. Not too bad.",
header: `
`
},
ely2: {
title: "Winter 2016 C3",
date: "Winter 2016 C3",
desc: "Simple layout for the casino-themed Winter 2016 C3.",
header: `
`
},
ely3: {
title: "April Fools",
date: "April 1st, 2016",
desc: "And this one is for April Fools. Simple layouts for simple events, after all.",
header: `
`,
footer: `
--------------------
Quote
(As I gaze into the ladder, the ladder gazes into me.)
"Hey, so did you hear what that shopkeeper said after his ladder got stolen?"
"No, what'd he say?"
"Further steps will be taken."
(...And that's why I have no friends.)
`
},
ely4: {
title: "Halloween 2016",
date: "Halloween 2016",
desc: "Theme for halloween 2016, it also participated in a contest! It did horribly. Well, to be honest, it is improvised and not too much effort really went into it, but I still thought it was at least decent.",
header: `
`,
footer: `
It's that time of the year again.
`
},
ely5: {
title: "Christmas 2016",
date: "Christmas 2016",
desc: "Theme for christmas 2016. This one is more acceptable, the colors combine well and it uses the same theme as the one for 2015 but using a new layout as base code.",
header: `
`
},
ely6: {
title: "Winter 2017 C3",
date: "Winter 2017 C3",
desc: "This was my layout that I did with Layout Maker XP in order to \"promote\" the tool during Winter C3 2017. It's based on an earlier layout, which is why I knew this would look good, so in reality it's more of a port instead of an actual new layout, but it's not like the original one was ever used anyway...",
header: `
`
},
ely7: {
title: "Halloween 2017",
date: "Halloween 2017",
desc: "This is my layout for halloween 2017. This one I think looks better, it's supposed to be Zero Escape themed, complete with Eric as an avatar.",
header: `
`
},
ely8: {
title: "Christmas 2017",
date: "Christmas 2017",
desc: "I'll be honest, I didn't even remember this layout existed. It's always the same layout, after all. It just had its underlying code altered a bit to match the main layout I was using at the time, but otherwise that's about it.",
header: `
`
},
render: function() {
return "
" + this[layout].title + "
" + this[layout].header + `
Originally posted by Sample quoteOriginally posted by Sample nested quote Sample linkSample quote
Sample linkSample post with
bold and
italics.` + this[layout].footer;
}
}
if (listall) {
if (document.getElementById(listall + "list").innerHTML !== "") {document.getElementById(listall + "list").innerHTML = ""; return;}
var list = "";
for (var i = 0;; i++) {
if (layouts[listall + i]) {
list += "
" + layouts[listall + i].title + "";
} else {break;}
}
document.getElementById(listall + "list").innerHTML = list;
return;
}
document.getElementById("infobox").style.display = "none";
document.getElementById("layoutbox").style.display = "block";
document.getElementById("layoutbox").innerHTML = layouts.render();
document.getElementById("description").innerHTML = layouts[layout].desc + "
Date: " + layouts[layout].date;
}