Compare commits

...

5 Commits

Author SHA1 Message Date
oDinZu
497799627e post margin spacing 2023-05-09 18:48:57 -04:00
oDinZu
4aad0830c6 css/html format related posts for post page 2023-05-09 18:37:08 -04:00
oDinZu
b2838f17a7 add create and login pages 2023-05-09 17:14:27 -04:00
oDinZu
2577068556 fix shadow-box for article 2023-05-09 14:37:02 -04:00
oDinZu
04b5877412 pagination css 2023-05-09 14:20:03 -04:00
40 changed files with 1400 additions and 220 deletions

View File

@ -22,7 +22,7 @@ collections:
identifier: collections identifier: collections
pre: <i class="fa-solid fa-tags fa-fw"></i> pre: <i class="fa-solid fa-tags fa-fw"></i>
- url: /menus - url: /menus
title: Navigation title: Menus
identifier: collections identifier: collections
pre: <i class="fa-solid fa-map fa-fw"></i> pre: <i class="fa-solid fa-map fa-fw"></i>
- url: /comments - url: /comments

View File

@ -1,4 +0,0 @@
{% comment %}
A back-to-top button that needs javascript.
{% endcomment %}
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>

View File

@ -1,28 +1,45 @@
<!-- Pagination Next & Previous Button Logic --> <!-- Pagination Next & Previous Button Logic -->
<ul class="actions pagination">
{% if paginator.previous_page %}
<li><a href="{{ paginator.previous_page_path }}" class="button primary previous"><< Prev</a></li>
{% else %}
<li><a href="#" class="disabled button primary previous"><< Prev</a></li>
{% endif %}
<div class="ptrail"> <div class="row actions pagination">
<div class="col-2 prev-page">
{% if paginator.previous_page %}
<p>
<a href="{{ paginator.previous_page_path }}" class="button primary previous"><i class="fa-solid fa-arrow-left-long fa-fw"></i> Prev</a>
</p>
{% else %}
<p>
<a href="#" class="disabled button primary previous"><i class="fa-solid fa-arrow-left-long fa-fw"></i> Prev</a>
</p>
{% endif %}
</div>
<div class="col-8 ptrail">
<!-- Pagination Trail --> <!-- Pagination Trail -->
{% if paginator.page_trail %} {% if paginator.page_trail %}
{% for trail in paginator.page_trail %} {% for trail in paginator.page_trail %}
<li {% if page.url == trail.path %} class="selected" {% endif %}> <p {% if page.url == trail.path %} class="selected" {% endif %}>
<a href="{{ trail.path | prepend: site.url }}" title="{{trail.title}}">{{ trail.num }}</a> <a href="{{ trail.path | prepend: site.url }}" title="{{trail.title}}">{{ trail.num }}</a>
</li> </p>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div> </div>
{% if paginator.next_page %} <div class="col-2 next-page">
<li><a href="{{ paginator.next_page_path }}" class="button primary next">Next >></a></li> {% if paginator.next_page %}
{% else %} <p>
<li><a href="#" class="disabled button primary next">Next >></a></li> <a href="{{ paginator.next_page_path }}" class="button primary next">Next <i class="fa-solid fa-arrow-right-long fa-fw"></i></a>
{% endif %} </p>
</ul> {% else %}
<p>
<a href="#" class="disabled button primary next">Next <i class="fa-solid fa-arrow-right-long fa-fw"></i></a>
</p>
{% endif %}
</div>
</div>
<!-- Pagination Page Number --> <!-- Pagination Page Number -->
<span class="page_number "> <span class="page_number ">

View File

@ -1,12 +1,11 @@
<div class="row expand">
{%- for post in related_posts -%} {%- for post in related_posts -%}
<div class="col-4 col-12-small vert-expand"> <div class="col-4 flex">
<article class="post product no-padding"> <article class="related-post">
<a href="{{ post.url | absolute_url }}"><img alt="{{ post.title }}" src="{{ post.banner_image }}" class="image fit" /></a> <a href="{{ post.url | absolute_url }}"><img alt="{{ post.title }}" src="{{ post.banner_image }}"/></a>
<a href="{{ post.url | absolute_url }}"><h4> {{ post.title | strip_html | truncatewords: 7 }} </h4></a> <a href="{{ post.url | absolute_url }}"><h4> {{ post.title | strip_html | truncatewords: 5 }} </h4></a>
<p>{{ post.content | markdownify | strip_html | truncatewords: 19 }}</p> <p>{{ post.content | markdownify | strip_html | truncatewords: 19 }}</p>
<ul class="actions"> </article>
<li><a href="{{ post.url | absolute_url }}" class="button">Continue ></a></li> </div>
</ul>
</article>
</div>
{% endfor %} {% endfor %}
</div>

18
_layouts/admin.html Normal file
View File

@ -0,0 +1,18 @@
---
layout: default
---
{% comment %}
This is the base layout for the admin page and extends the default layout.
{% endcomment %}
<div class="col-3 sticky">
{%- include navigation.html -%}
</div>
<div class="col-9 wrapper" aria-label="Content">
{{ content }}
</div>

View File

@ -1,8 +0,0 @@
---
layout: default
---
{% comment %}
This is the base layout for the login authorize page and extends the default layout.
{% endcomment %}
This is the base layout for the login page and extends the default layout.

View File

@ -0,0 +1,15 @@
---
layout: admin
---
{% comment %}
This is the base layout for the create-entry layout and extends the admin page.
{% endcomment %}
<div class="row back">
<div class="col-1">
<button role="button" onclick="history.go(-1)" value="Back" class="secondary"><i class="fa-solid fa-circle-arrow-left fa-fw"></i>Back</button>
</div>
</div>
{{ content }}

48
_layouts/login.html Normal file
View File

@ -0,0 +1,48 @@
---
layout: default
---
{% comment %}
This is the base layout for the login authorize page and extends the default layout.
{% endcomment %}
<div class="container">
<div class="row login">
<div class="col-6">
<form>
<!-- Grid -->
<div class="grid">
<!-- Markup example 1: input is inside label -->
<label for="firstname">
First name
<input type="text" id="firstname" name="firstname" placeholder="First name" required>
</label>
<label for="lastname">
Last name
<input type="text" id="lastname" name="lastname" placeholder="Last name" required>
</label>
</div>
<!-- Markup example 2: input is after label -->
<label for="email">Email address</label>
<input type="email" id="email" name="email" placeholder="Email address" required>
<small>We'll never share your email with anyone else.</small>
<!-- Button -->
<button type="submit">Submit</button>
</form>
</div>
</div>
</div>

View File

@ -1,5 +1,5 @@
--- ---
layout: welcome layout: admin
pagination: pagination:
enabled: false enabled: false
--- ---
@ -7,13 +7,13 @@ pagination:
This layout is the single page of a anew entry from hydenjekyll. This layout is the single page of a anew entry from hydenjekyll.
{% endcomment %} {% endcomment %}
<section id="main" class="wrapper style1"> <section class="post">
<div class="inner"> <div class="inner">
{% unless page.layout == "posts" or page.layout == "products" %} {% unless page.layout == "posts" or page.layout == "products" %}
<!-- The back button on a single post --> <!-- The back button on a single post -->
<section class="row product-cart journal"> <section class="row product-cart journal">
<div class="col-12"> <div class="col-1">
<a href="{{site.url}}/admin"><h5 class="button back">< Go Back</h5></a> <button role="button" onclick="history.go(-1)" value="Back" class="secondary"><i class="fa-solid fa-circle-arrow-left fa-fw"></i>Back</button>
</div> </div>
</section> </section>
{% endunless %} {% endunless %}
@ -29,11 +29,20 @@ pagination:
{{ content }} {{ content }}
{% assign author = page.author %} {% assign author = page.author %}
{%- include author_card.html -%} {%- include author_card.html -%}
{%- include back-to-top.html -%}
<div class="row top">
<div class="col-1">
<button role="button" onclick="window.scrollTo(0, 0)" value="Back" class="secondary"><i class="fa-solid fa-circle-arrow-up fa-fw"></i> Top</button>
</div>
</div>
<!-- Related posts collection --> <!-- Related posts collection -->
<section class="row related-items"> <section class="row related-items">
<div class="col-12"> <div class="col-12">
<h3>More Posts</h3> <h1>More Posts</h1>
</div> </div>
{%- assign related_posts = site.posts | where_exp:"post", "post.url != page.url" | sample:3 -%} {%- assign related_posts = site.posts | where_exp:"post", "post.url != page.url" | sample:3 -%}
{%- include post_related.html -%} {%- include post_related.html -%}

View File

@ -1,17 +1,16 @@
--- ---
layout: welcome layout: admin
--- ---
{% comment %} {% comment %}
This layout is the anews index (a collection of all hydenjekyll blog posts). This layout is the anews index (a collection of all hydenjekyll blog posts).
{% endcomment %} {% endcomment %}
<header> <header id="admin-header">
<div class="row content-news-header"> <div class="row content-news-header">
<div class="col-5"> <div class="col-5">
<hgroup> <hgroup>
<h1>{{page.title}} back 👋</h1> <h1>{{page.title}} 👋</h1>
<p>35 news items found</p> <p>35 news items found</p>
</hgroup> </hgroup>
</div> </div>
@ -65,16 +64,16 @@ layout: welcome
<p>{{ post.content | strip_html | truncatewords: 50 }}</p> <p>{{ post.content | strip_html | truncatewords: 50 }}</p>
<footer> <footer>
<div class="row"> <div class="row admin-footer">
<div class="col-4"> <div class="col-4 category">
<p>Category: <a href="#">{{ post.category }}</a></p> <p>Category: <a href="#">{{ post.category }}</a></p>
</div> </div>
<div class="col-6"> <div class="col-6 tags">
<p>Tags: <a href="#">{{ post.tags }}</a></p> <p>Tags: <a href="#">{{ post.tags }}</a></p>
</div> </div>
<div class="col-2"> <div class="col-2 comment">
<p><a href="{{ post.url }}" class="fa-solid fa-comment"></a> 43</p> <p><a href="{{ post.url }}" class="fa-solid fa-comment"></a> 43</p>
</div> </div>

View File

@ -1,5 +1,5 @@
--- ---
layout: default layout: admin
pagination: pagination:
enabled: false enabled: false
--- ---

View File

@ -1,143 +0,0 @@
---
layout: default
---
{% comment %}
This is the base layout for the welcome page and extends the default layout; all pages besides admin greetings page after authenticated will extend this layout.
{% endcomment %}
<div class="col-3 sticky">
{%- include navigation.html -%}
</div>
<div class="col-9 wrapper" aria-label="Content">
{% if page.title == "Posts" or page.title == "Pages" or page.title == "Members" or page.title == "Categories" or page.title == "Tags" or page.title == "Products" or page.title == "Subscribers" or page.title == "Comments" or page.title == "Menus" %}
{% comment %}
This conditional statement removes the content table when page title is equal to page.title.
{% endcomment %}
<header>
<div class="row back">
<div class="col-1">
<a href="{{page.url}}"><button role="button" value="Back" class="secondary"><i class="fa-solid fa-circle-arrow-left fa-fw"></i>Back</button></a>
</div>
</div>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>
{% else %}
{% endif %}
{% comment %}
Any layout or post that extends the welcome.html layout will be inserted here.
{% endcomment %}
{{ content }}
</div>

View File

@ -10,7 +10,31 @@
} }
/* Sidebar Navigation */ /* Login Page */
.row.login {
justify-content: center;
display: flex;
}
/* Post Page */
section.post {
padding: 1em;
margin-bottom: 0;
}
section.related-items {
margin-bottom: 0;
}
.row.top {
margin-bottom: 2em;
}
/* Admin - Sidebar Navigation */
.sidebar-logo { .sidebar-logo {
padding-top: 1em; padding-top: 1em;
@ -31,6 +55,7 @@
hgroup { hgroup {
margin: 0; margin: 0;
} }
#sidebar-nav { #sidebar-nav {
min-height: 100vh; min-height: 100vh;
margin-left: 0; margin-left: 0;
@ -128,15 +153,29 @@ details[open] > summary {
font-size: 14px; font-size: 14px;
} }
/* Post - Related Items */
/* Content Area */ article.related-post {
margin: 0 .5em;
}
.row.expand {
display: flex;
}
.col-4.flex {
display: flex;
}
/* Admin - Content Area */
.col-9.wrapper { .col-9.wrapper {
padding: 0 0em; padding: 1em;
} }
#content-area { #content-area {
margin: 0 3em; margin: 0 1em;
} }
.row.back, .row.filters, .row.pagination, .row.content-header { .row.back, .row.filters, .row.pagination, .row.content-header {
@ -210,7 +249,7 @@ details[open] > summary {
} }
/* Content Footer */ /* Admin - Content Footer */
.post footer { .post footer {
padding: 1em; padding: 1em;
@ -220,12 +259,82 @@ details[open] > summary {
margin-bottom: 0; margin-bottom: 0;
} }
.admin-footer p {
font-size: 18px;
}
article {
box-shadow: 12px 12px 5px 1px rgba(0,0,0,0.1);
}
/* Content Pagination */
.page_number {
-moz-justify-content: right;
-webkit-justify-content: right;
-ms-justify-content: right;
justify-content: right;
display: flex;
}
.actions.pagination {
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin-top: 2em;
margin-bottom: 0em;
}
.pagination .button.primary {
font-weight: bold;
}
.ptrail {
display: flex;
align-items: center;
}
.ptrail p {
height: auto;
width: 3em;
border: 1px solid #b7b7b7;
background-color: #f2f2f2;
border-radius: .25em;
margin-left: .25em;
font-weight: bold;
text-align: center;
padding: 0px !important;
}
.ptrail .selected {
background-color: #6c6a6a;
}
.ptrail .selected a {
color: white;
}
.col-2.next-page {
text-align: right;
}
.col-8.ptrail {
justify-content: center;
}
/* Utilities */ /* Utilities */
.col-3.sticky { .col-3.sticky {
position: sticky; position: sticky;
top: 0; top: 0;
} }
.col-2.comment {
text-align: right;
}
/* Pico Fixes */ /* Pico Fixes */

View File

@ -1,5 +1,5 @@
--- ---
layout: welcome layout: admin
title: About title: About
permalink: /about permalink: /about
--- ---

View File

@ -1,8 +1,121 @@
--- ---
layout: welcome layout: admin
permalink: /categories permalink: /categories
title: Categories title: Categories
createlink: /create-category
--- ---
{% comment %} {% comment %}
This layout is the categories page. This layout is the categories page.
{% endcomment %} {% endcomment %}
<header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</a>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>

View File

@ -1,8 +1,121 @@
--- ---
layout: welcome layout: admin
permalink: /comments permalink: /comments
title: Comments title: Comments
createlink: /create-comment
--- ---
{% comment %} {% comment %}
This layout is the comments page. This layout is the comments page.
{% endcomment %} {% endcomment %}
<header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</a>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>

View File

@ -0,0 +1,8 @@
---
layout: create-entry
title: Create Category
permalink: /create-category
---
{% comment %}
This layout is the create category page from the Drogon database and extends the welcome layout.
{% endcomment %}

View File

@ -0,0 +1,8 @@
---
layout: create-entry
title: Manage Comment(s)
permalink: /create-comment
---
{% comment %}
This layout is the manage comments page from the Drogon database and extends the welcome layout.
{% endcomment %}

View File

@ -0,0 +1,9 @@
---
layout: create-entry
title: Create Member
permalink: /create-member
---
{% comment %}
This layout is the create member page from the Drogon database and extends the welcome layout.
{% endcomment %}

View File

@ -0,0 +1,8 @@
---
layout: create-entry
title: Create Menu
permalink: /create-menu
---
{% comment %}
This layout is the create link page from the Drogon database and extends the welcome layout.
{% endcomment %}

View File

@ -0,0 +1,8 @@
---
layout: create-entry
title: Create Page
permalink: /create-page
---
{% comment %}
This layout is the create a page from the Drogon database and extends the welcome layout.
{% endcomment %}

View File

@ -0,0 +1,8 @@
---
layout: create-entry
title: Create Post
permalink: /create-post
---
{% comment %}
This layout is the create post page from the Drogon database and extends the welcome layout.
{% endcomment %}

View File

@ -0,0 +1,8 @@
---
layout: create-entry
title: Create Product(s)
permalink: /create-product
---
{% comment %}
This layout is the create a product page from the Drogon database and extends the welcome layout.
{% endcomment %}

View File

@ -0,0 +1,8 @@
---
layout: create-entry
title: Manage Subscriber(s)
permalink: /create-subscriber
---
{% comment %}
This layout is the posts page from the Drogon database and extends the welcome layout.
{% endcomment %}

View File

@ -0,0 +1,8 @@
---
layout: create-entry
title: Create tag(s)
permalink: /create-tag
---
{% comment %}
This layout is the posts page from the Drogon database and extends the welcome layout.
{% endcomment %}

View File

@ -1,5 +1,5 @@
--- ---
layout: welcome layout: admin
permalink: /wiki permalink: /wiki
title: Wiki title: Wiki
layout: posts layout: posts

View File

@ -1,5 +1,5 @@
--- ---
layout: auth layout: login
permalink: / permalink: /
title: Auth title: Auth
--- ---

View File

@ -1,10 +1,31 @@
--- ---
layout: welcome layout: admin
permalink: /media permalink: /media
title: Media Library title: Media Library
createlink: /upload-media
--- ---
{% comment %} {% comment %}
This layout is the media library page after authenticated and extends the welcome layout. This layout is the media library page after authenticated and extends the welcome layout.
{% endcomment %} {% endcomment %}
I am a media page from pages/media/index.html <header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Upload Media</button>
</a>
</div>
</div>
</header>
A gallery of images goes here.

View File

@ -1,8 +1,121 @@
--- ---
layout: welcome layout: admin
permalink: /members permalink: /members
title: Members title: Members
createlink: /create-member
--- ---
{% comment %} {% comment %}
This page is a list of all types of members. This page is a list of all types of members.
{% endcomment %} {% endcomment %}
<header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</a>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>

View File

@ -1,8 +1,121 @@
--- ---
layout: welcome layout: admin
permalink: /menus permalink: /menus
title: Menus title: Menus
createlink: /create-menu
--- ---
{% comment %} {% comment %}
This layout is the menus page after authenticated and extends the welcome layout. This layout is the menus page after authenticated and extends the welcome layout.
{% endcomment %} {% endcomment %}
<header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</a>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>

View File

@ -1,8 +1,121 @@
--- ---
layout: welcome layout: admin
permalink: /pages permalink: /pages
title: Pages title: Pages
createlink: /create-page
--- ---
{% comment %} {% comment %}
This layout is the pages page. This layout is the pages page.
{% endcomment %} {% endcomment %}
<header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</a>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>

View File

@ -1,8 +1,121 @@
--- ---
layout: welcome layout: admin
title: Posts title: Posts
permalink: /posts permalink: /posts
createlink: /create-post
--- ---
{% comment %} {% comment %}
This layout is the posts page from Drogon database and extends the welcome layout. This layout is the posts page from the Drogon database and extends the admin layout.
{% endcomment %} {% endcomment %}
<header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</a>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>

View File

@ -1,8 +1,121 @@
--- ---
layout: welcome layout: admin
permalink: /products permalink: /products
title: Products title: Products
createlink: /create-product
--- ---
{% comment %} {% comment %}
This layout is the products page. This layout is the products page.
{% endcomment %} {% endcomment %}
<header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</a>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>

View File

@ -1,5 +1,5 @@
--- ---
layout: welcome layout: admin
permalink: /profile permalink: /profile
title: Profile title: Profile
--- ---

View File

@ -1,8 +1,10 @@
--- ---
layout: welcome layout: login
permalink: /register permalink: /register
title: Register title: Register
--- ---
{% comment %} {% comment %}
This layout is the user register page. This layout is the user register page.
{% endcomment %} {% endcomment %}
This is the register login page.

View File

@ -1,5 +1,5 @@
--- ---
layout: welcome layout: admin
permalink: /settings permalink: /settings
title: Settings title: Settings
--- ---

View File

@ -1,8 +1,121 @@
--- ---
layout: welcome layout: admin
permalink: /subscribers permalink: /subscribers
title: Subscribers title: Subscribers
createlink: /create-subscriber
--- ---
{% comment %} {% comment %}
This layout is the subscribers page after authenticated and extends the welcome layout. This layout is the subscribers page after authenticated and extends the welcome layout.
{% endcomment %} {% endcomment %}
<header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</a>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>

View File

@ -1,8 +1,121 @@
--- ---
layout: welcome layout: admin
permalink: /tags permalink: /tags
title: Tags title: Tags
createlink: /create-tag
--- ---
{% comment %} {% comment %}
This layout is the tags page. This layout is the tags page.
{% endcomment %} {% endcomment %}
<header>
<div class="row content-header">
<div class="col-5">
<hgroup>
<h1>{{page.title}}</h1>
<p>35 entries found</p>
</hgroup>
</div>
<div class="col-4">
</div>
<div class="col-3">
<a href="{{ page.createlink }}">
<button type="submit" role="button" value="Create New Entry"><i class="fa-solid fa-plus fa-fw"></i>Create New Entry</button>
</a>
</div>
</div>
</header>
<div class="row filters">
<div class="col-1">
<a href="#"><button role="button" value="Search" class="secondary"><i class="fa-solid fa-magnifying-glass fa-fw"></i></button></a>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Sort" class="secondary"><i class="fa-solid fa-sort fa-fw"></i>Sort</button></a>
</div>
<div class="col-7">
</div>
<div class="col-2">
<!-- Select -->
<select>
<option value="Language" disabled selected>Language</option>
<option>English</option>
<option>Spanish</option>
<option>Chinese</option>
<option>Japanese</option>
<option>Russian</option>
</select>
</div>
<div class="col-1">
<a href="#"><button role="button" value="Settings" class="secondary"><i class="fa-solid fa-cog fa-fw"></i></button></a>
</div>
</div>
<div class="row content-area">
<div class="col-12">
<table role="grid">
<thead>
<tr>
<th scope="col"><i class="fa-regular fa-square fa-fw"></i></th>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Category</th>
<th scope="col">State</th>
<th scope="col"><i class="fa-solid fa-pencil fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-clone fa-fw"></i></th>
<th scope="col"><i class="fa-solid fa-trash fa-fw"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><i class="fa-regular fa-square fa-fw"></i></th>
<td>1</td>
<td>Welcome to Drogon</td>
<td>Charles</td>
<td>Company</td>
<td>Published</td>
<td scope="col"><a href="#"><i class="fa-solid fa-pencil fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-clone fa-xs fa-fw"></i></a></td>
<td scope="col"><a href="#"><i class="fa-solid fa-trash fa-xs fa-fw"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row pagination">
<div class="col-1">
<!-- Select -->
<select>
<option value="" disabled selected>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div class="col-3">
<p> Entires per page</p>
</div>
<div class="col-5">
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-left fa-fw"> </i></button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary">1</button>
</div>
<div class="col-1">
<button role="button" value="Entries" class="secondary"><i class="fa-solid fa-arrow-right fa-fw"> </i></button>
</div>
</div>

View File

@ -0,0 +1,8 @@
---
layout: create-entry
title: Create Menu
permalink: /upload-media
---
{% comment %}
This layout is the create link page from the Drogon database and extends the welcome layout.
{% endcomment %}