Home / Miscellaneous
File Name
README.md

Test README; please ignore

This is a test of README code syntax highligting.

<?php

use App\Bootstrap\AppManager;
use App\Controllers;
use DI\Container;

require __DIR__ . '/app/vendor/autoload.php';

// Initialize the container
$container = new Container();

// Configure the application
$app = $container->call(AppManager::class);
$app->get('/[{path:.*}]', Controllers\DirectoryController::class);

// Engage!
$app->run();

window.Vue = require('vue');

Vue.component('file-info-modal', require('./components/file-info-modal.vue').default);

const app = new Vue({
    el: "#app",
    data: function() {
        return {
            search: ''
        };
    },
    methods: {
        showFileInfo(filePath) {
            this.$refs.fileInfoModal.show(filePath);
        }
    },
    beforeMount: function() {
        this.search = this.$el.querySelector('input[name="search"]').value;
    }
});

<div id="readme" class="my-8">
    <div class="rounded-lg overflow-hidden shadow-md">
        <header class="flex items-center bg-blue-600 px-4 py-3 text-white">
            <i class="fas fa-book fa-lg pr-3"></i> README.md
        </header>

        <article class="bg-gray-100 rounded-b-lg px-4 py-8 sm:px-6 md:px-8 lg:px-12 markdown">
            Readme contents here...
        </article>
    </div>
</div>

// Icons
$fa-font-path: "./webfonts";
@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "~@fortawesome/fontawesome-free/scss/brands.scss";
@import "~@fortawesome/fontawesome-free/scss/solid.scss";

// Fonts
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro|Work+Sans:200,400&display=swap");

// Additional Styles
@import "markdown.scss";
@import "dark-mode.scss";

// Miscellaneous
:target::before {
    content: "";
    display: block;
    height: 80px;
    margin-top: -80px;
    visibility: hidden;
}

<!DOCTYPE html>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="{{ base_href() }}">
<link rel="icon" href="{{ config('dark_mode') ? asset('images/favicon.dark.png') : asset('images/favicon.light.png') }}">
<link rel="stylesheet" href="{{ asset('app.css') }}">

{% if config('google_analytics_id', false) %}
    {% include 'components/google-analytics.twig' %}
{% endif %}

<title>{{ path == '.' ? 'Home' : path }} &bull; Directory Lister</title>

<div id="app" class="flex flex-col min-h-screen font-sans {{ config('dark_mode') ? 'dark-mode' : 'light-mode' }}">
    {% block content %}{% endblock %}
</div>

<script src="{{ asset('app.js') }}" defer></script>