Xefili (dot) Dev

• Overview

Structure
Required files

• Navigation

Navbar HTML Structure
Navbar Styling
Cross-platform improvements

• The pages

Homepage

Page Content Structure
Styling & Layout

Blog

Page Content Structure
Styling & Layout

• Backend

Hosting

CF Pages
Github
Local

Overview

How it works
What program is used
Limitations
Usage

The Base of the Homepage

This snippet shows the Navigation bar on the homepage.


<pageHead id="pageHead">
    <leftDivision>
        <logo><img id="logo" src="assets/Bucket Helper.svg" alt="Bucket Lounge Logo"></logo>
        <logoText>
            <span>Xefili.dev</span>
        </logoText>
    </leftDivision>
    <navBar>
        <a href="index.html">
            <home id="home">Home <span class="material-symbols-outlined">home</span></home>
        </a>
        <a href="blog.html">
            <blog id="blog">Blog <span class="material-symbols-outlined">chat</span></Blog>
        </a>
        <a href="https://docs.bucketlounge.tk">
            <docs id="docs">Documentation <span class="material-symbols-outlined">description</span></Docs>
        </a>
        <a href="tools.html">
            <tools id="tools">Tools <span class="material-symbols-outlined">construction</span></search>
        </a>
    </navBar>
</pageHead>

The Base of the Homepage

This snippet shows the Navigation bar on the homepage.


<pageHead id="pageHead">
    <leftDivision>
        <logo><img id="logo" src="assets/Bucket Helper.svg" alt="Bucket Lounge Logo"></logo>
        <logoText>
            <span>Xefili.dev</span>
        </logoText>
    </leftDivision>
    <navBar>
        <a href="index.html">
            <home id="home">Home <span class="material-symbols-outlined">home</span></home>
        </a>
        <a href="blog.html">
            <blog id="blog">Blog <span class="material-symbols-outlined">chat</span></Blog>
        </a>
        <a href="https://docs.bucketlounge.tk">
            <docs id="docs">Documentation <span class="material-symbols-outlined">description</span></Docs>
        </a>
        <a href="tools.html">
            <tools id="tools">Tools <span class="material-symbols-outlined">construction</span></search>
        </a>
    </navBar>
</pageHead>

Welcome to the documentation!

This page is not yet finished. Any information, styling or functionality is subject to changes!

The Base of the Homepage

The Base of the Homepage