Rooibos Tea

Div Title

This is an event entry created by Velvet for the 32-Bit Cafe Spring 2025 event

Feel free to edit this layout to your liking in any way you'd like. Credit is not necessary, but would be very much appreciated. This is the first time I've ever really made a layout before, so apologies if some parts may be unpolished.

Disclaimer: This layout is not mobile friendly.

CSS styling:

 html {
    background-color: beige;
    font-size: 19px;
    font-family: 'Gill Sans MT';
    color: beige;
}

* {
    margin: 0;
    padding: 0;
    box-sizing:flex;
}

h1,h2,h4 {
    color: #663300;
    text-shadow: 1px 1px 2px black;
} 

h1 {
    font-size: 50px;
}

h3 {
    color: gold;
}

h4 {
    font-size: 25px;
}

a {
    color: lightgreen;
    text-decoration: none;
}

a:hover {
    color: darkolivegreen;
}

ul, ol {
    margin: 9px 45px
}

header, footer {
    margin: 0 50px;
    text-align: center;
    padding: 20px;
    background-color: beige;
    border-radius: 3px;
    border: dashed 2px #663300;
}


.flex-container {
    display: flex;
    height: 100%;
}

.nav {
    padding: 0;
    width: 21%;
    background-image: url('rooibos-seperator.png');
    background-repeat: repeat-y;
    background-position: top right;
    height: 100%;
    position: fixed;
    z-index: 10;
}

.nav a, h2 {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.nav h2 {
    padding: 10px;
    margin: 25px 43px 25px 8px;
}

.separator a {
    margin: 24px 60px 24px 25px;
    padding: 13px;
    background-color: darkolivegreen;
    border-radius: 3px;
    color: white;
    text-decoration: none;
}

.separator a:hover {
    background-color: brown;
    color: yellow;
}

.separator {
    width: 84%;
    min-height: 100%;
    overflow: auto;
    
}

.content {
    width: 80%;
    padding: 20px;
    position: absolute;
    background: url(wooden-tiles.png);
    right: 0;
    min-height: 100%;
}

article {
    background-color: brown;
    margin: 20px 50px;
    padding: 15px 0 28px;
    border-radius: 3px;
    border: dashed 2px gold;
}

article p {
    padding: 18px;
}

article h3 {
    padding: 10px
}

HTML (Don't forget to take out the comment tags before pasting onto an empty HTML file):

<!-- <!DOCTYPE html>
<html lang="en">
    <head>
        <title>Rooibos Tea</title>
        <link rel="stylesheet" href="style.css">
        <link rel="icon" type="image/x-icon" href="style/images/faviconrose.png">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="author" content="Velvet">
        <meta name="description" content="This is a free layout made for anyone to use, feel freee to edit it however
        you'd like">
    </head>

    <body bgproperties="fixed">
        
            
        <nav class="nav">
            <div>
            <aside class="separator">
            <h2>Navigation</h2>
            <a href="https://32bit.cafe/spring25/">Link</a>
            <a href="https://32bit.cafe/spring25/">Link</a>
            <a href="https://32bit.cafe/spring25/">Link</a>
            <a href="https://32bit.cafe/spring25/">Link</a>
            <a href="">Link</a>
            </aside>
            </div>
        </nav>
       
        <div class="flex-container">
        <main class="content"> 
            <header class="header">
                <h1>Site Title</h1>
            </header>
            <article>
                <h3>Div Title</h3>
                <p>This is an event entry created by <a href="https://velvet-boutique.neocities.org/">Velvet</a> for the <a href="https://32bit.cafe/spring25/">32-Bit Cafe Spring 2025 event</a></p>
                <p>Feel free to edit this layout to your liking in any way you'd like. Credit is not necessary, but would be very much
                appreciated. This is the first time I've ever really made a layout before, so apologies if some parts may be unpolished.
                </p>
                <p>Disclaimer: This layout is not mobile friendly.</p>
                <p><b>This is bolded text</b> and <i>this is italicized text</i></p>
                <p>This is a bullet list </p>
                <ul>
                    <li>One</li> 
                    <li>Two</li>
                </ul>
                <p>This is a numbered list</p>
                <ol>
                    <li>One</li>
                    <li>Two</li>
                </ol>
                
            </article>
            <article>
                <h3>Title 2</h3>
                <p>Teapot ipsum dolor sit amet, loose leaf or tea bag. For loose leaf tea; take tea cloth, sieve, or strainer. 
                    Pour boiling water in teapot. Place leaves inside cloth, sieve, or strainer. Let leaves steep. 
                    Temperature and time to steep depend on the type of tea. Rooibos tea is recommended to steep at; 210-214°F (99-101°C) for 4-5 minutes. 
                    Rooibos is a caffeine-free tea that originates from South Africa. Its flavour profile is sweet, nutty and light. 
                    It is traditionally served with milk and sugar, but can be served plain without sacrificing its sweetness. </p>
                
                <p>Unlike other teas, it will never go bitter, and will keep its subtle flavour. Rooibos has two variations; green and red. 
                    “Green” Rooibos is a non-fermented version of the tea, being dried directly under the sun. 
                    “Red” Rooibos is made by adding water to the leaves, and fermented for 8-24 hours. Rooibos is technically not a tea, 
                    due to the drink not containing any theine (another name for caffeine, but for tea). 
                    Its origins also come from a South African shrub plant called Aspalathus<em> Linearis</em>, 
                    which is not related to the tea plant family that makes Black or Green tea. </p>
                
                <p>Afternoon Tea and High Tea are two different types of events that aren’t related at all. In Victorian England, 
                    High Tea refers to the lower class’ supper time where the focus is on the food, rather than the tea itself. 
                    It gets its name from the high dinner tables people would eat in. Hence the term, “High” Tea. 
                    The foods served are heavy and intended to fill you up during the end of an exhausting day. 
                    Tea that is usually served during this time, is a bold brew that serves the same purpose as the food.</p>
                
                <p>Afternoon Tea, also called “Low tea”, happens during the afternoon before dinner. 
                    The tea itself is the primary focus during these events, 
                    meaning the foods and pastries that are served during Afternoon Tea are meant to elevate the tea. 
                    Usually foods that are served are delicate and meant to be eaten exclusively with your hands. 
                    Proper etiquette is especially important during this time, due to it being considered a formal occasion. 
                    Afternoon/Low Tea gets its name from the low tables that are used to serve the tea during these events. </p>
                
                <p>Raising your pinkies up isn't actually a sign of proper etiquette during Afternoon Tea, and is considered rude and snobbish. 
                    The overall source for this myth is unknown, but if you want to practice proper Afternoon Tea etiquette, keep your pinkies tucked in. 
                    The proper way to hold a cup is to first; place your thumb in front of the handle, keep your index and middle finger in the back, 
                    and use the ring finger and pinkie as support. Never curl your fingers through the handle when holding a teacup. </p>
                
            </article>
            
            <footer><h4>Insert Copyright Text here</h4></footer>
        </main>
            
        </div>
    </body>
</html>-->

Images that have been used for this layout (Please host them on your own site):

Content Background - background-tiles.com
Navigation Seperator - An original illustration made specifically for this theme

Title 2

Teapot ipsum dolor sit amet, loose leaf or tea bag. For loose leaf tea; take tea cloth, sieve, or strainer. Pour boiling water in teapot. Place leaves inside cloth, sieve, or strainer. Let leaves steep. Temperature and time to steep depend on the type of tea. Rooibos tea is recommended to steep at; 210-214°F (99-101°C) for 4-5 minutes. Rooibos is a caffeine-free tea that originates from South Africa. Its flavour profile is sweet, nutty and light. It is traditionally served with milk and sugar, but can be served plain without sacrificing its sweetness.

Unlike other teas, it will never go bitter, and will keep its subtle flavour. Rooibos has two variations; green and red. “Green” Rooibos is a non-fermented version of the tea, being dried directly under the sun. “Red” Rooibos is made by adding water to the leaves, and fermented for 8-24 hours. Rooibos is technically not a tea, due to the drink not containing any theine (another name for caffeine, but for tea). Its origins also come from a South African shrub plant called Aspalathus Linearis, which is not related to the tea plant family that makes Black or Green tea.

Afternoon Tea and High Tea are two different types of events that aren’t related at all. In Victorian England, High Tea refers to the lower class’ supper time where the focus is on the food, rather than the tea itself. It gets its name from the high dinner tables people would eat in. Hence the term, “High” Tea. The foods served are heavy and intended to fill you up during the end of an exhausting day. Tea that is usually served during this time, is a bold brew that serves the same purpose as the food.

Afternoon Tea, also called “Low tea”, happens during the afternoon before dinner. The tea itself is the primary focus during these events, meaning the foods and pastries that are served during Afternoon Tea are meant to elevate the tea. Usually foods that are served are delicate and meant to be eaten exclusively with your hands. Proper etiquette is especially important during this time, due to it being considered a formal occasion. Afternoon/Low Tea gets its name from the low tables that are used to serve the tea during these events.

Raising your pinkies up isn't actually a sign of proper etiquette during Afternoon Tea, and is considered rude and snobbish. The overall source for this myth is unknown, but if you want to practice proper Afternoon Tea etiquette, keep your pinkies tucked in. The proper way to hold a cup is to first; place your thumb in front of the handle, keep your index and middle finger in the back, and use the ring finger and pinkie as support. Never curl your fingers through the handle when holding a teacup.