start updating doc style

This commit is contained in:
2024-05-24 09:56:26 +02:00
parent 8e127a1cb5
commit c742d037a6
2 changed files with 29 additions and 24 deletions

View File

@@ -17,20 +17,22 @@ html, body {
} }
body { body {
height: 100vh; display: block;
display: grid;
background-color: #648cab; background-color: #648cab;
grid-template-areas: }
'header header header header header'
'menu main main main main' .doc-main {
'menu main main main main' display: flex;
'menu main main main main' }
'menu main main main main'
'menu main main main main' @media only screen and (min-width: 1000px) {
'menu main main main main' body {
'menu main main main main' height: 100vh;
'menu main main main main' }
'footer footer footer footer footer'; .doc-main {
display: flex;
height: 85vh;
}
} }
.title-wrapper { .title-wrapper {

View File

@@ -13,17 +13,20 @@
</head> </head>
<body> <body>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div> <div class="doc-main">
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="side-bar"></div>
<div class="title-wrapper"> <div id="backToTop" onclick="backToTop();"></div>
<h1>Docs - libreǝvent</h1> <div id="docPage">
<footer>Learn how to setup and use libreǝvent!</footer> <div class="title-wrapper">
</div> <h1>Docs - libreǝvent</h1>
<div class="content"> <footer>Learn how to setup and use libreǝvent!</footer>
<h3>Welcome to the libreǝvent docs, THE place to learn all about the project!</h3> </div>
<p>libreǝvent is a free and open source event management solution with which you may sell tickets online at incredibly low prices as you host the application yourself. But don't be afraid, it's easier to set up than you might think! To make it as easy as possible for you to set up libreǝvent, we have our installation guides which you may follow to get up and running very quickly!</p> <div class="content">
<p>If you like this project, please consider giving it a star on GitHub and donating to help fund the development costs.</p> <h3>Welcome to the libreǝvent docs, THE place to learn all about the project!</h3>
<p>libreǝvent is a free and open source event management solution with which you may sell tickets online at incredibly low prices as you host the application yourself. But don't be afraid, it's easier to set up than you might think! To make it as easy as possible for you to set up libreǝvent, we have our installation guides which you may follow to get up and running very quickly!</p>
<p>If you like this project, please consider giving it a star on GitHub and donating to help fund the development costs.</p>
</div>
</div> </div>
</div> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>