diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..026af4a --- /dev/null +++ b/blog.html @@ -0,0 +1,54 @@ + + + + boreal.zip blog + + + + + +
+

Blog 7/15/24 4:05 PM

+

+ Yo! Just added the trinkets page to this site. Its based off the toybox.js created by dante and I found it from ribo.zone. I have a link to the github for the code at the bottom of the trinkets page. My plan it to put fun gifs and adoptables I find there and have them link back to the source I found them from. I can't wait to see it all filled up. +

+
+
+

Blog 7/14/24 1:43 PM

+

+ Trying a different site counter. It's still a cute counter but now its unique visitors. Well now that I'm typing this out nothinf is stopping me from doing both so I think im gonna do that. +

+
+
+

Blog 7/14/24 5:15 AM

+

+ Still working on the site some more and I made the blog an iframe on the homepage which I realise I've seen before I just never put 2 and 2 together. Finally having a personal site is weird, it is so much more effort than social media which makes me have time to tink about how I sould represent myself and I feel like the its alot more lowkey than social media so Im not really out here expecting people to read this. I feel like calling it a multiplayer journal might be a fun name. Somepoint my music this evening/morning has transitionsed to break core & ambient sutff. This is one of the songs that started getting me hooked. + +

+ + +
+
+

Blog 7/14/24 4:16 AM

+

+ Been working on the site most of the last 24hrs. I'm very much + enjoying the tinkering with HTML and CSS. There is something to be + said about being stoned, tired, and alone at 4 in the morning + browsing indie sites and just going with the flow. Multiply that + feeling by 10 when you factor in music like Need 2 by Pinegrove.
+ Transcendant.... +

+ +
+ + + \ No newline at end of file diff --git a/collectables/img/greg.gif b/collectables/img/greg.gif new file mode 100644 index 0000000..1cdec94 Binary files /dev/null and b/collectables/img/greg.gif differ diff --git a/collectables/img/lowlygif.gif b/collectables/img/lowlygif.gif new file mode 100644 index 0000000..6e5902a Binary files /dev/null and b/collectables/img/lowlygif.gif differ diff --git a/collectables/img/mmzaku.gif b/collectables/img/mmzaku.gif new file mode 100644 index 0000000..bf03481 Binary files /dev/null and b/collectables/img/mmzaku.gif differ diff --git a/collectables/img/wirt.gif b/collectables/img/wirt.gif new file mode 100644 index 0000000..7225ed6 Binary files /dev/null and b/collectables/img/wirt.gif differ diff --git a/collectables/img/world.gif b/collectables/img/world.gif new file mode 100644 index 0000000..9cbe4c9 Binary files /dev/null and b/collectables/img/world.gif differ diff --git a/collectables/index.html b/collectables/index.html new file mode 100644 index 0000000..1b3c3f6 --- /dev/null +++ b/collectables/index.html @@ -0,0 +1,138 @@ + + + + + + + Boreal's Webzone / Collectables + + + + +
+
Collectables
+
+ +
+
+

Quiz Results

+
+ + + + + I am a Jester! Click here to take the clown quiz! + +
+
+
+

88x31 Buttons

+

Games

+

Games that I enjoy and would recommend playing!

+
+ Minecraft + Counter-Strike + EVE Online + DDR Online +
+

Silly

+

+ Some silly buttons I have found in button collections around + the web. +

+
+ Despacito + Majima Now + Nedscape now +
+

Other

+

+ Statements I support or other things that don't fit in other + sections. +

+
+ Eliminate DRM + Magic +
+
+
+
+ +
+ +
+
+ + + + diff --git a/collectables/toybox.js b/collectables/toybox.js new file mode 100644 index 0000000..210719a --- /dev/null +++ b/collectables/toybox.js @@ -0,0 +1,212 @@ +// toybox.js by Dante Scanline 2022 +// UNIVERSAL PUBLIC DOMAIN LICENSE - This code and everything else in the universe is in the public domain + +/// ------------ + +// CONFIGURATION VARIABLES, please change these! +const BUBBLE_IN = true; //makes the toys come in one at a time +const BUBBLE_DELAY = 250; // if bubbling in, how much time in miliseconds between each new toy. bigger number is slowe + +const PUSH_SPEED = 3; // base amount that toys push each other, bigger number means quicker stronger pushing +const RANDOM_START_OFFSET = 200; // random distance from center in pixels where toys are spawned inside off + +/// ------------ + +let toyContainer; +let items = []; // array of dom elements + +// Fisher–Yates knuth shuffle +function shuffle(array) { + let currentIndex = array.length, + randomIndex; + + // While there remain elements to shuffle. + while (currentIndex != 0) { + // Pick a remaining element. + randomIndex = Math.floor(Math.random() * currentIndex); + currentIndex--; + + // And swap it with the current element. + [array[currentIndex], array[randomIndex]] = [ + array[randomIndex], + array[currentIndex], + ]; + } + + return array; +} + +// reenable items sequentially for bubbling +function reEnable(index) { + if (index > items.length - 1) { + return; + } + + items[index].domElement.style.display = "initial"; + + setTimeout(() => { + reEnable(index + 1); + }, BUBBLE_DELAY); +} + +// the object, with width height from DOM and then a position we set :) +class Toy { + constructor(domElement) { + this.domElement = domElement; + this.domElement.style.position = "absolute"; + + let rect = toyContainer.getBoundingClientRect(); + this.x = rect.width / 2 + 100 - Math.random() * 200; + this.y = rect.height / 2 + 100 - Math.random() * 200; + + this.visualX = this.x; + this.visualY = this.y; + + this.updateSize(); + this.updatePosition(); + } + + updatePosition() { + this.visualX += (this.x - this.visualX) * 0.1; + this.visualY += (this.y - this.visualY) * 0.1; + this.domElement.style.left = `${this.x}px`; + this.domElement.style.top = `${this.y}px`; + } + + updateSize() { + this.width = this.domElement.clientWidth; + if (this.width == 0 || this.width == undefined) { + console.error("no size for element yet"); + } + this.height = this.domElement.clientHeight; + if (this.width < 65 || this.height < 65) { + this.domElement.style["z-index"] = "20"; + } + this.domElement.style.marginLeft = `${-this.width / 2}px`; + this.domElement.style.marginTop = `${-this.height / 2}px`; + // this.domElement.style.transform = `translate(${-this.width / 2}px, ${-this.height / 2}px)` + } + + pointOverlaps(xx, yy) { + return ( + xx > this.x - this.width / 2 && + xx < this.x + this.width / 2 && + yy > this.y - this.height / 2 && + yy < this.y + this.height / 2 + ); + } + + toyOverlaps(otherToy) { + const corners = [ + [otherToy.x - otherToy.width / 2, otherToy.y - otherToy.height / 2], + [otherToy.x + otherToy.width / 2, otherToy.y - otherToy.height / 2], + [ + otherToy.x - otherToy.height / 2, + otherToy.y + otherToy.height / 2, + ], + [otherToy.x + otherToy.width / 2, otherToy.y + otherToy.height / 2], + ]; + + // check if the other toys corners are inside our rect + for (let i = 0; i < corners.length; i++) { + let pair = corners[i]; + if (this.pointOverlaps(pair[0], pair[1])) { + return true; + } + } + + // edge case, where we are fit entirely inside the other rect, so check one of our points on them + return otherToy.pointOverlaps(this.x, this.y); + } + + getPushed(otherToy) { + let distance = PUSH_SPEED; + + let centerX = this.x; + let centerY = this.y; + + let otherCenterX = otherToy.x; + let otherCenterY = otherToy.y; + + let angle = Math.atan2(centerY - otherCenterY, centerX - otherCenterX); + + let finalStrength = distance; + + // if the toy pushing us is roughly bigger than us, get pushed more to help offset some biasing + if ( + otherToy.width + otherToy.height > + (this.width + this.height) * 1.3 + ) { + finalStrength *= 3; + } + + this.x += Math.cos(angle) * finalStrength; + this.y += Math.sin(angle) * finalStrength; + this.updatePosition(); + } +} + +document.addEventListener("DOMContentLoaded", init); + +function init() { + toyContainer = document.querySelector("#toybox"); + let nodes = Array.from(toyContainer.childNodes); + nodes = nodes.filter((node) => node.nodeType == 1); + nodes = shuffle(nodes); // help prevent biases + + for (let i = 0; i < nodes.length; i++) { + items.push(new Toy(nodes[i])); + + if (BUBBLE_IN) { + if (i > 3) { + items[i].domElement.style.display = "none"; + } + } + } + + if (BUBBLE_IN) { + reEnable(3); + } + requestAnimationFrame(main); +} + +function main() { + items.map((item) => item.updateSize()); + + for (let i = 0; i < items.length; i++) { + const itemA = items[i]; + + for (let k = 0; k < items.length; k++) { + if (i == k) continue; + + const itemB = items[k]; + if (itemA.toyOverlaps(itemB)) { + itemB.getPushed(itemA); + } + } + } + + let rect = toyContainer.getBoundingClientRect(); + + for (let i = 0; i < items.length; i++) { + const itemA = items[i]; + if (itemA.x - itemA.width / 2 < 0) { + itemA.x += 10; + itemA.updatePosition(); + } + if (itemA.y - itemA.height / 2 < 0) { + itemA.y += 10; + itemA.updatePosition(); + } + if (itemA.x + itemA.width / 2 > rect.width) { + itemA.x -= 10; + itemA.updatePosition(); + } + if (itemA.y + itemA.height / 2 > rect.height) { + itemA.y -= 5; + itemA.updatePosition(); + } + } + + requestAnimationFrame(main); +} diff --git a/cursor.png b/cursor.png new file mode 100644 index 0000000..c178584 Binary files /dev/null and b/cursor.png differ diff --git a/cyanobacteria.css b/cyanobacteria.css new file mode 100644 index 0000000..7a6a94c --- /dev/null +++ b/cyanobacteria.css @@ -0,0 +1,285 @@ +@font-face { + font-family: "Orbitron"; + src: url(../fonts/Orbitron-Regular.ttf) format("truetype"); +} +@font-face { + font-family: "Roboto"; + src: url(../fonts/Roboto-Regular.ttf) format("truetype"); +} + +/* start light mode styling */ +:root { + --text: darkslategrey; + --border: lightgrey; + --accent: teal; + --bg: #dce3e1; + --gradientTop: white; + --gradientBottom: rgb(240, 248, 255, 0.8); +} +header { + background: url("***light mode banner image***"); +} +/* end light mode styling */ + +/* start dark mode styling */ +@media (prefers-color-scheme: dark) { + :root { + --text: #cdd6f4; + --border: #585b70; + --accent: #f38ba8; + --bg: #1e1e2e; + --gradientBottom: #11111b; + --gradientTop: #313244; + a:link { + color: #f38ba8; + } + } + header { + background: url("https://images.freeimages.com/images/large-previews/913/sea-3-1188161.jpg"); + } +} +/* end dark mode styling */ + +* { + box-sizing: border-box; +} +body { + padding: 10px; + font-family: "Orbitron", sans-serif; + color: var(--text); + + /* page background pattern */ + background-color: var(--gradientTop); + background-image: linear-gradient( + 30deg, + var(--bg) 12%, + transparent 12.5%, + transparent 87%, + var(--bg) 87.5%, + var(--bg) + ), + linear-gradient( + 150deg, + var(--bg) 12%, + transparent 12.5%, + transparent 87%, + var(--bg) 87.5%, + var(--bg) + ), + linear-gradient( + 30deg, + var(--bg) 12%, + transparent 12.5%, + transparent 87%, + var(--bg) 87.5%, + var(--bg) + ), + linear-gradient( + 150deg, + var(--bg) 12%, + transparent 12.5%, + transparent 87%, + var(--bg) 87.5%, + var(--bg) + ), + linear-gradient( + 60deg, + var(--bg) 25%, + transparent 25.5%, + transparent 75%, + var(--bg) 75%, + var(--bg) + ), + linear-gradient( + 60deg, + var(--bg) 25%, + transparent 25.5%, + transparent 75%, + var(--bg) 75%, + var(--bg) + ); + background-size: 20px 35px; + background-position: + 0 0, + 0 0, + 10px 18px, + 10px 18px, + 0 0, + 10px 18px; +} + +.container { + max-width: 70rem; + margin: 5vw auto 12px auto; + border: 6px ridge var(--border); + outline: 3px solid var(--gradientTop); + outline-offset: 4px; + border-radius: 10px; + display: flex; + flex-wrap: wrap; + padding: 5px; + gap: 5px; + + /* container background pattern */ + background-color: var(--gradientBottom); + opacity: 1; + background-size: 10px 10px; + background-image: repeating-linear-gradient( + 45deg, + var(--bg) 0, + var(--bg) 5px, + var(--gradientBottom) 0, + var(--gradientBottom) 50% + ); +} +/* these control the column widths */ +.small { + flex: 1 1 9%; +} +.large { + flex: 1 1 82%; +} +.full { + flex: 1 1 100%; +} +.half { + flex: 1 1 49%; +} + +header { + background-size: cover; + background-position: center; + width: 100%; + height: 120px; /* change banner height here*/ + border: 2px ridge var(--border); + border-radius: 5px; + position: relative; +} +header span { + font-size: 2.5rem; + position: absolute; + bottom: 0; + right: 10px; + margin: 10px; + font-weight: bold; + text-shadow: + 1px 1px var(--text), + -1px 1px var(--text), + 1px -1px var(--accent), + -1px -1px var(--accent); + color: var(--gradientTop); +} + +nav { + border: 2px ridge var(--border); + border-radius: 5px; + padding: 5px; + background: linear-gradient(var(--gradientTop), var(--gradientBottom)); +} +nav div { + text-align: center; + font-size: 1.25rem; + margin: 5px 5px 10px 5px; +} +nav a { + display: block; + margin: 5px; + background: linear-gradient(to right, var(--bg), var(--gradientBottom)); + border-radius: 5px; + padding: 2px 7px; + text-decoration: none; +} +nav a:link, +nav a:visited { + color: var(--text); +} +nav a:hover, +nav a:focus { + background: linear-gradient( + to right, + var(--bg), + var(--gradientBottom), + var(--gradientTop) + ); +} + +/* optional button styling like in the preview */ +div.small > img { + display: block; + margin: 5px auto; + border: 2px ridge var(--border); + border-radius: 5px; +} + +section { + border: 2px ridge var(--border); + border-radius: 5px; + background: linear-gradient(var(--gradientTop), var(--gradientBottom)); + padding: 5px; +} + +footer { + text-align: center; + margin-bottom: 1vw; + font-size: 0.8rem; +} +footer a { + text-decoration: none; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Orbitron", sans-serif; + margin: 5px; + line-height: 1.2; +} +h1 { + font-size: 1.4rem; + letter-spacing: 2px; + font-weight: normal; + text-align: center; + border-bottom: 2px ridge var(--border); + padding-bottom: 5px; +} +h2 { + font-size: 1.25rem; + font-weight: normal; + text-align: center; +} +h3 { + font-size: 1.1rem; +} +h4 { + font-size: 1rem; + color: var(--accent); + padding-left: 12px; +} +p { + font-family: "Roboto", sans-serif; + margin: 5px; + line-height: 1.2; + text-indent: 1em; +} +/* prevents overflow on smaller screens */ +img { + max-width: 100%; + margin-top: 0.25em; +} +pre { + overflow-x: auto; +} +ul, +ol { + font-family: "Roboto"; +} +a:hover, +a:focus { + font-style: italic; +} +a:visited { + color: var(--accent); +} diff --git a/elements.css b/elements.css new file mode 100644 index 0000000..e35a2aa --- /dev/null +++ b/elements.css @@ -0,0 +1,26 @@ +/* + Don't use this file to edit your site style! Create a different CSS file for that. + This file defines how custom elements (like sitebox) will look like. + Setting CSS that breaks main nekoweb site on purpose is prohibited and may result in ban and site deletion! +*/ + +/* Must start with ".site-box". Change how your website will appear on main nekoweb site: https://lune.dimden.dev/405a44b7e5.png */ +.site-box { + text-align: center; + background-image: url(/static/assets/cookiebox.png); /* Only nekoweb URLs allowed, use full url to your site like https://example.nekoweb.org/images/coolbg.png */ + background-repeat: no-repeat; + color: #b08271; + font-size: 12px; +} +.site-box > a > p { + color: var(--darkbrown); + font-weight: bold; +} +.site-box > a > span { + color: var(--darkbrown); +} + +/* Style for your 'Follow on Nekoweb' button () */ +.follow { + +} \ No newline at end of file diff --git a/fonts/Orbitron-Regular.ttf b/fonts/Orbitron-Regular.ttf new file mode 100644 index 0000000..ebaece0 Binary files /dev/null and b/fonts/Orbitron-Regular.ttf differ diff --git a/fonts/Roboto-Regular.ttf b/fonts/Roboto-Regular.ttf new file mode 100644 index 0000000..ddf4bfa Binary files /dev/null and b/fonts/Roboto-Regular.ttf differ diff --git a/home.html b/home.html new file mode 100644 index 0000000..d965edb --- /dev/null +++ b/home.html @@ -0,0 +1,133 @@ + + + + + Boreal's Webzone / Home + + + + + + + +
+
+ Boreal's Webzone +
+ +
+ +
+ +
+

Welcome to my internet zone!

+

+ This is my site dedicated to experiencing the web like it's the 90s. I + grew up as Web 1.0 was starting to fade out in favor of 2.0 and with + the misuse and misappropriation of 3.0 I decided to go back and try + something tried and true. +

+
+

Blog

+ +
+
+ +
+
+ + + + diff --git a/images/avator250x250.png b/images/avator250x250.png new file mode 100644 index 0000000..2fef03b Binary files /dev/null and b/images/avator250x250.png differ diff --git a/images/buttons/bitwarden.gif b/images/buttons/bitwarden.gif new file mode 100644 index 0000000..69f90d8 Binary files /dev/null and b/images/buttons/bitwarden.gif differ diff --git a/images/buttons/blinchik.gif b/images/buttons/blinchik.gif new file mode 100644 index 0000000..2f8d89f Binary files /dev/null and b/images/buttons/blinchik.gif differ diff --git a/images/buttons/borealbutton.png b/images/buttons/borealbutton.png new file mode 100644 index 0000000..f050233 Binary files /dev/null and b/images/buttons/borealbutton.png differ diff --git a/images/buttons/cs.gif b/images/buttons/cs.gif new file mode 100644 index 0000000..046d958 Binary files /dev/null and b/images/buttons/cs.gif differ diff --git a/images/buttons/desp-anim.gif b/images/buttons/desp-anim.gif new file mode 100644 index 0000000..86e8043 Binary files /dev/null and b/images/buttons/desp-anim.gif differ diff --git a/images/buttons/elimdrm.gif b/images/buttons/elimdrm.gif new file mode 100644 index 0000000..7f2d153 Binary files /dev/null and b/images/buttons/elimdrm.gif differ diff --git a/images/buttons/eveonline.gif b/images/buttons/eveonline.gif new file mode 100644 index 0000000..d4e0640 Binary files /dev/null and b/images/buttons/eveonline.gif differ diff --git a/images/buttons/gunpla88x31.png b/images/buttons/gunpla88x31.png new file mode 100644 index 0000000..c6d57bd Binary files /dev/null and b/images/buttons/gunpla88x31.png differ diff --git a/images/buttons/magic.gif b/images/buttons/magic.gif new file mode 100644 index 0000000..e909a2a Binary files /dev/null and b/images/buttons/magic.gif differ diff --git a/images/buttons/majimanow.png b/images/buttons/majimanow.png new file mode 100644 index 0000000..71aa92f Binary files /dev/null and b/images/buttons/majimanow.png differ diff --git a/images/buttons/minecraft.gif b/images/buttons/minecraft.gif new file mode 100644 index 0000000..a149b45 Binary files /dev/null and b/images/buttons/minecraft.gif differ diff --git a/images/buttons/nedscape_now.gif b/images/buttons/nedscape_now.gif new file mode 100644 index 0000000..8870f32 Binary files /dev/null and b/images/buttons/nedscape_now.gif differ diff --git a/images/dablinkie.gif b/images/dablinkie.gif new file mode 100644 index 0000000..48b8ee9 Binary files /dev/null and b/images/dablinkie.gif differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..ac7be75 --- /dev/null +++ b/index.html @@ -0,0 +1,22 @@ + + + + Boreal's Webzone / Landing + + + + + +
+
+
+

ENTER SITE

+
+
+ + diff --git a/not_found.html b/not_found.html new file mode 100644 index 0000000..ed0e911 --- /dev/null +++ b/not_found.html @@ -0,0 +1,12 @@ + + + + + + + Not found. + + + Page was not found. + + \ No newline at end of file diff --git a/prettier.json b/prettier.json new file mode 100644 index 0000000..c1edd88 --- /dev/null +++ b/prettier.json @@ -0,0 +1,7 @@ +{ + "useTabs": true, + "tabWidth": 4, + "html": { + "htmlWhitespaceSensitivity": "ignore" + } +} \ No newline at end of file diff --git a/sitewall.html b/sitewall.html new file mode 100644 index 0000000..0668c27 --- /dev/null +++ b/sitewall.html @@ -0,0 +1,46 @@ + + + + + + + Boreal's Webzone / Collectables + + + +
+
Other Sites
+ +
+

Resources

+ + + +
+
+

Neighbors

+ +
+ +
+
+ +
+ +
+
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..e7cc813 --- /dev/null +++ b/style.css @@ -0,0 +1,136 @@ +@font-face { + font-family: "Orbitron"; + src: url(fonts/Orbitron-Regular.ttf) format("truetype"); +} +@font-face { + font-family: "Roboto"; + src: url(fonts/Roboto-Regular.ttf) format("truetype"); +} + +/* start light mode styling */ +:root { + --text: darkslategrey; + --border: lightgrey; + --accent: teal; + --bg: #dce3e1; + --gradientTop: white; + --gradientBottom: rgb(240, 248, 255, 0.8); +} +header { + background: url("***light mode banner image***"); +} +/* end light mode styling */ + +/* start dark mode styling */ +@media (prefers-color-scheme: dark) { + :root { + --text: #cdd6f4; + --border: #585b70; + --accent: #f38ba8; + --bg: #1e1e2e; + --gradientBottom: #11111b; + --gradientTop: #313244; + a:link { + color: #f38ba8; + } + } + header { + background: url("https://images.freeimages.com/images/large-previews/913/sea-3-1188161.jpg"); + } +} +/* end dark mode styling */ + +* { + box-sizing: border-box; +} +body { + padding-right: 40px; + padding: 0px; + font-family: "Orbitron", sans-serif; + color: var(--text); + + +/* optional button styling like in the preview */ +div.small > img { + display: block; + margin: 5px auto; + border: 2px ridge var(--border); + border-radius: 5px; +} + +div { + padding-bottom: 50px +} + +section { + border: 2px ridge var(--border); + border-radius: 5px; + background: linear-gradient(var(--gradientTop), var(--gradientBottom)); + padding: 5px; +} + +footer { + text-align: center; + margin-bottom: 5vw; + font-size: 0.8rem; +} +footer a { + text-decoration: none; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Orbitron", sans-serif; + margin: 5px; + line-height: 1.2; +} +h1 { + font-size: 1.4rem; + letter-spacing: 2px; + font-weight: normal; + text-align: center; + border-bottom: 2px ridge var(--border); + padding-bottom: 5px; +} +h2 { + font-size: 1.25rem; + font-weight: normal; + text-align: center; +} +h3 { + font-size: 1.1rem; +} +h4 { + font-size: 1rem; + color: var(--accent); + padding-left: 12px; +} +p { + font-family: "Roboto", sans-serif; + margin: 5px; + line-height: 1.2; + text-indent: 1em; +} +/* prevents overflow on smaller screens */ +img { + max-width: 100%; + margin-top: 0.25em; +} +pre { + overflow-x: auto; +} +ul, +ol { + font-family: "Roboto"; +} +a:hover, +a:focus { + font-style: italic; +} +a:visited { + color: var(--accent); +} diff --git a/template.html b/template.html new file mode 100644 index 0000000..726dca4 --- /dev/null +++ b/template.html @@ -0,0 +1,94 @@ + + + + * Your Site Here * + + + + + + +
+ +
+ site name here +
+ +
+ + + +
+ +
+

welcome to my homepage!

+

Heading 2

+

Heading 3

+

Heading 4

+

+ This is strong, + this is normal, and + this is emphasized! + This is a link. + This is superscript; + this is subscript. + This is code. + This is strikethrough. +

+ +
    +
  1. Unordered list item 1
    2. +
  2. Unordered list item 2 +
      +
    • Nested list
      • +
    +
    3. +
  3. Unordered list item 3
    4. +
+
+ +
+

another section

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis orci at sodales convallis. Proin luctus vehicula dolor, id ultrices diam eleifend eu. Donec tincidunt tellus tellus, in maximus lorem fermentum ac. Phasellus sagittis nisi in ante pretium, eget molestie est pellentesque. Ut tincidunt ultricies porta.

+
+ +
+

full width section

+
+ +
+

half width section

+
+ +
+

half width section

+
+ +
+ + + + + \ No newline at end of file