mirror of
https://github.com/codex-team/codex.docs.git
synced 2025-08-04 13:05:22 +02:00
Main elements created (#4)
This commit is contained in:
parent
248558a11f
commit
4326cb22ab
13 changed files with 172 additions and 13 deletions
19
src/views/components/aside.twig
Normal file
19
src/views/components/aside.twig
Normal file
|
@ -0,0 +1,19 @@
|
|||
<div class="docs-aside">
|
||||
<section class="docs-aside__section">
|
||||
<a class="docs-aside__section-title" href="">
|
||||
Base concepts
|
||||
</a>
|
||||
<ul class="docs-aside__section-list">
|
||||
<li>
|
||||
<a href="">
|
||||
Insallation
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
27
src/views/components/header.twig
Normal file
27
src/views/components/header.twig
Normal file
|
@ -0,0 +1,27 @@
|
|||
<header class="docs-header">
|
||||
<a href="/" class="docs-header__logo">
|
||||
CodeX Editor 🤩🧦🤨
|
||||
</a>
|
||||
<ul class="docs-header__menu">
|
||||
<li>
|
||||
<a href="">
|
||||
Guides
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
API
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
Plugins
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
Support Project
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</header>
|
|
@ -1,6 +1,6 @@
|
|||
{% extends 'layout.twig' %}
|
||||
|
||||
{% block body %}
|
||||
<h1>{{title}}</h1>
|
||||
{{title}}
|
||||
<p>Welcome to {{title}}</p>
|
||||
{% endblock %}
|
||||
|
|
|
@ -3,9 +3,22 @@
|
|||
<head>
|
||||
<title>{{ title }}</title>
|
||||
<link rel="stylesheet" href="/dist/bundle.css" />
|
||||
<script src="/dist/bundle.js" onload="new Docs()"></script>
|
||||
</head>
|
||||
<body>
|
||||
{% block body %}{% endblock %}
|
||||
{% include "components/header.twig" %}
|
||||
<div class="docs">
|
||||
<aside class="docs__aside">
|
||||
{% include "components/aside.twig" %}
|
||||
</aside>
|
||||
<div class="docs__content">
|
||||
<div class="docs__content-inner">
|
||||
{% block body %}{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/dist/bundle.js"></script>
|
||||
<script>
|
||||
new Docs();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue