FipamoThemeKit/themes/fipamo-default/frame.twig

<!DOCTYPE html>

{% if debug is defined %}
    {% set assetPath = theme~'/assets/' %}
{% else %}
    {% set assetPath = '/assets/' %}
{% endif %}

<html>
    <head>
        <title>
            {% block title %}
                {{ title }}
            {% endblock %}
        </title>
        <meta charset="UTF-8"/>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'/>
        <meta name="keywords" content="{{ info['keywords'] }}"/>
        <meta name="description" content="{{ info['description'] }} "/>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <meta property="og:image" content="{{ info["image"] }}"/>
        <meta name="twitter:image" content="{{ info["image"] }}"/>
        <link rel="stylesheet" type="text/css" href="{{ assetPath~"css/start.css?=ffgfg" }}">
    </head>
    <body>

        <header>
            <div role="slide-show">
                {% if media|length > 1 %}
                    {% for item in media %}
                        {% if item.type == "mp4" %}
                            <div id="{{ loop.index0 }}" role="slide">
                                <video controls autoplay muted>

                                    <source src="{{ item.file }}" type="video/mp4">

                                    Please get a better browser. They're free.
                                </video>
                            </div>
                        {% else %}
                            <div id="{{ loop.index0 }}" role="slide" class="hide" style="background: url({{ item.file }}) no-repeat center center / cover"></div>
                        {% endif %}
                    {% endfor %}
                {% else %}
                    {% if media[0] != '' %}
                        {% if media[0].type == "mp4" %}
                            <div id="0" role="slide">
                                <video controls autoplay muted>

                                    <source src="{{ media[0].file }}" type="video/mp4">

                                    Please get a better browser. They're free.
                                </video>
                            </div>
                        {% else %}
                            <div id="0" role="slide" style="background: url({{ media[0].file }}) no-repeat center center / cover"></div>
                        {% endif %}
                        {% else %}
                    {% endif %}
                {% endif %}
            </div>
            <nav>
                {% apply spaceless %}
                <div role="nav-left">
                    <a href="/" role="home-link">
                        <img id="logo" src="{{ assetPath~"/images/global/the-logo.svg" }}"/>
                    </a>
                </div>
                <div role="nav-right">
                    {% if menu is defined %}
                        {% for link in menu %}
                            {% if dynamicRender is defined %}
                                {% if dynamicRender == 'true' %}
                                    <a href="{{ "/"~link.slug }}" role="menu-link">{{ link.title }}</a><br/>
                                {% else %}
                                    <a href="{{ "/"~link.slug~".html" }}" role="menu-link">{{ link.title }}</a><br/>
                                {% endif %}
                            {% else %}
                                <a href="{{ "/"~link.slug~".html" }}" role="menu-link">{{ link.title }}</a><br/>
                            {% endif %}
                        {% endfor %}
                    {% endif %}
                </div>
                {% endapply %}
            </nav>
        </header>
        <main>
            {% apply spaceless %}
            {% block mainContent %}{% endblock %}
            {% endapply %}
        </main>

        <footer>
            <div class="inner">
                {% if dynamicRender is defined %}
                    {% if dynamicRender == 'true' %}
                        <a href="/archives">Archives</a><br/>
                    {% else %}
                        <a href="/archives.html">Archives</a><br/>
                    {% endif %}
                {% else %}
                    <a href="/archives.html">Archives</a><br/>
                {% endif %}
                © 2022 Fipamo
            </div>
        </footer>
        <script src="{{ assetPath~"scripts/ThemeStart.js" }}" type="module"></script>
    </body>
</html>
flipped kit to php, built class for basic routing, updated archive template to twig 4 years ago			`<!DOCTYPE html>`
cleaned up fake data file, convereted index template to twig 4 years ago
			`{% if debug is defined %}`
Theme folder clean up Cleaned up the themes folder since it did not need the additional folder depth to manage bundled scripts anymore. Updated the theme engine accordingly. 2 years ago			`{% set assetPath = theme~'/assets/' %}`
cleaned up fake data file, convereted index template to twig 4 years ago			`{% else %}`
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`{% set assetPath = '/assets/' %}`
cleaned up fake data file, convereted index template to twig 4 years ago			`{% endif %}`

flipped kit to php, built class for basic routing, updated archive template to twig 4 years ago			`<html>`
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`<head>`
			`<title>`
			`{% block title %}`
			`{{ title }}`
			`{% endblock %}`
			`</title>`
			`<meta charset="UTF-8"/>`
			`<meta name='viewport' content='width=device-width, initial-scale=1.0'/>`
			`<meta name="keywords" content="{{ info['keywords'] }}"/>`
			`<meta name="description" content="{{ info['description'] }} "/>`
			`<meta http-equiv="content-type" content="text/html; charset=utf-8"/>`
			`<meta property="og:image" content="{{ info["image"] }}"/>`
			`<meta name="twitter:image" content="{{ info["image"] }}"/>`
			`<link rel="stylesheet" type="text/css" href="{{ assetPath~"css/start.css?=ffgfg" }}">`
			`</head>`
			`<body>`

			`<header>`
			`<div role="slide-show">`
			`{% if media\|length > 1 %}`
re-organized test data, added basic slider for media 3 years ago			`{% for item in media %}`
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`{% if item.type == "mp4" %}`
			`<div id="{{ loop.index0 }}" role="slide">`
			`<video controls autoplay muted>`
re-organized test data, added basic slider for media 3 years ago
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`<source src="{{ item.file }}" type="video/mp4">`
re-organized test data, added basic slider for media 3 years ago
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`Please get a better browser. They're free.`
			`</video>`
			`</div>`
			`{% else %}`
			`<div id="{{ loop.index0 }}" role="slide" class="hide" style="background: url({{ item.file }}) no-repeat center center / cover"></div>`
			`{% endif %}`
re-organized test data, added basic slider for media 3 years ago			`{% endfor %}`
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`{% else %}`
re-organized test data, added basic slider for media 3 years ago			`{% if media[0] != '' %}`
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`{% if media[0].type == "mp4" %}`
			`<div id="0" role="slide">`
			`<video controls autoplay muted>`
re-organized test data, added basic slider for media 3 years ago
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`<source src="{{ media[0].file }}" type="video/mp4">`
re-organized test data, added basic slider for media 3 years ago
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`Please get a better browser. They're free.`
			`</video>`
			`</div>`
			`{% else %}`
			`<div id="0" role="slide" style="background: url({{ media[0].file }}) no-repeat center center / cover"></div>`
			`{% endif %}`
			`{% else %}`
			`{% endif %}`
			`{% endif %}`
			`</div>`
			`<nav>`
			`{% apply spaceless %}`
			`<div role="nav-left">`
			`<a href="/" role="home-link">`
			`<img id="logo" src="{{ assetPath~"/images/global/the-logo.svg" }}"/>`
			`</a>`
			`</div>`
			`<div role="nav-right">`
			`{% if menu is defined %}`
			`{% for link in menu %}`
			`{% if dynamicRender is defined %}`
			`{% if dynamicRender == 'true' %}`
			`<a href="{{ "/"~link.slug }}" role="menu-link">{{ link.title }}</a><br/>`
			`{% else %}`
			`<a href="{{ "/"~link.slug~".html" }}" role="menu-link">{{ link.title }}</a><br/>`
			`{% endif %}`
			`{% else %}`
			`<a href="{{ "/"~link.slug~".html" }}" role="menu-link">{{ link.title }}</a><br/>`
			`{% endif %}`
			`{% endfor %}`
re-organized test data, added basic slider for media 3 years ago			`{% endif %}`
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`</div>`
			`{% endapply %}`
			`</nav>`
			`</header>`
			`<main>`
			`{% apply spaceless %}`
			`{% block mainContent %}{% endblock %}`
			`{% endapply %}`
			`</main>`
flipped kit to php, built class for basic routing, updated archive template to twig 4 years ago
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`<footer>`
			`<div class="inner">`
			`{% if dynamicRender is defined %}`
			`{% if dynamicRender == 'true' %}`
			`<a href="/archives">Archives</a><br/>`
			`{% else %}`
			`<a href="/archives.html">Archives</a><br/>`
			`{% endif %}`
			`{% else %}`
			`<a href="/archives.html">Archives</a><br/>`
			`{% endif %}`
			`© 2022 Fipamo`
			`</div>`
			`</footer>`
Removed NPM from build process The base theme needs to be vanilla so it's easy to get going, so npm dependecies have been removed so the base script is pure JS. Also created an example config that will tell the system what theme it should be rendering for development. Updated the composer script to start a local php server for development. 2 years ago			`<script src="{{ assetPath~"scripts/ThemeStart.js" }}" type="module"></script>`
CSS Overhaul Styling was a bit stale, so I ovehauled them to use native CSS, eliminating the need for pre-processors. The overall framework was old and convoluted so that needed to be updated to streamline how styles are being applied. There's still some work to do but the base is so much cleaner now. 2 years ago			`</body>`
flipped kit to php, built class for basic routing, updated archive template to twig 4 years ago			`</html>`