Rename the gallery to onlylegs in the files

Im sorry

onlylegs/templates/settings/account.html

@@ -0,0 +1,12 @@
+{% extends 'settings/settings_layout.html' %}
+
+{% block settings_account %}settings-nav__item-selected{% endblock %}
+{% block settings_content %}
+    <h2>Account</h2>
+    <p>Is session fresh?</p>
+    {% if fresh %}
+        <p>Yes</p>
+    {% else %}
+        <p>No</p>
+    {% endif %}
+{% endblock %}

onlylegs/templates/settings/general.html

@@ -0,0 +1,6 @@
+{% extends 'settings/settings_layout.html' %}
+
+{% block settings_general %}settings-nav__item-selected{% endblock %}
+{% block settings_content %}
+    <h2>General</h2>
+{% endblock %}

onlylegs/templates/settings/logs.html

@@ -0,0 +1,30 @@
+{% extends 'settings/settings_layout.html' %}
+
+{% block settings_logs %}settings-nav__item-selected{% endblock %}
+{% block settings_content %}
+    <h2>Logs</h2>
+    <div class="settings-list" id="logs">
+        <div class="log" style="display:flex;flex-direction:row;gap:0.5rem;"></div>
+    </div>
+{% endblock %}
+
+{% block script %}
+    <script>
+        const output = document.getElementById('logs');
+
+        setInterval(function() {
+            $.ajax({
+                url: '{{ url_for('api.logfile') }}',
+                type: 'GET',
+                dataType: "json",
+                success: function(response) {
+                    
+                    // for each item in response, log to console
+                    response.forEach(function(item) {
+                        console.log(item);
+                    });
+                }
+            });
+        }, 1000); // 10 seconds
+    </script>
+{% endblock %}

onlylegs/templates/settings/server.html

@@ -0,0 +1,6 @@
+{% extends 'settings/settings_layout.html' %}
+
+{% block settings_server %}settings-nav__item-selected{% endblock %}
+{% block settings_content %}
+    <h2>Server</h2>
+{% endblock %}

onlylegs/templates/settings/settings_layout.html

@@ -0,0 +1,29 @@
+{% extends 'layout.html' %}
+
+{% block nav_settings %}selected{% endblock %}
+{% block content %}
+    <div class="banner-small">
+        <div class="banner-content">
+            <h1 class="banner-header">Settings</h1>
+            <p class="banner-info">{% block banner_subtitle%}{% endblock %}</p>
+            <div class="pill-row">
+                <div>
+                    <a class="pill-item pill__critical" href="{{ url_for( 'auth.logout' ) }}">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M112,216a8,8,0,0,1-8,8H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h56a8,8,0,0,1,0,16H48V208h56A8,8,0,0,1,112,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L196.69,120H104a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,221.66,122.34Z"></path></svg>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="settings-nav">
+        <a href="{{ url_for('settings.general') }}" class="settings-nav__item {% block settings_general %}{% endblock %}">General</a>
+        <a href="{{ url_for('settings.server') }}" class="settings-nav__item {% block settings_server %}{% endblock %}">Server</a>
+        <a href="{{ url_for('settings.account') }}" class="settings-nav__item {% block settings_account %}{% endblock %}">Account</a>
+        <a href="{{ url_for('settings.logs') }}" class="settings-nav__item {% block settings_logs %}{% endblock %}">Logs</a>
+    </div>
+
+    <div class="settings-content">
+        {% block settings_content %}{% endblock %}
+    </div>
+{% endblock %}