casper
/
diji
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

buttons buttons buttons

This commit is contained in:
KZacharski 2023-08-26 17:47:05 +02:00
parent 236d4abcf8
commit c08b0028de
3 changed files with 102 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/docs/assets/ic_fluent_chevron_right_24_filled.svg Normal file
View File

@ -0,0 +1 @@
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.293 4.293a1 1 0 0 0 0 1.414L14.586 12l-6.293 6.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414l-7-7a1 1 0 0 0-1.414 0Z" fill="#ffffff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 249 B

40
docs/docs/introduction.html
View File

@ -22,6 +22,46 @@
<p>diji currently works on Linux, macOS and Windows, supporting both amd64/i386 and arm64/arm architectures (except for macOS because it doesn't currently support any 32-bit architectures). It's also possible to run it on other operating systems/architectures by building it from source which thanks to it being written in golang is very easy.</p>
<h3>Downloading diji</h3>
<p>Download the file corresponding with your OS and architecture from <a href="https://github.com/KZacharski/diji/releases" class="linkeffect">GitHub releases</a> then proceed to <a href="./installation.html" class="linkeffect">Installation</a>.</p>
<div class="container2">
<!-- <div class="prev ge">
<a href="./index.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
<div style="width: 100%; height: 100%; display: flex; align-items: center;">
<div class="nextcontentparent">
<div class="getstartedcontent">
<img src="./assets/ic_fluent_chevron_left_24_filled.svg" height="30px" class="gep nep2">
<h3 class="gep nep">Homepage</h3>
<p class="gep gepar nepar">Previous page</p>
</div>
</div>
</div>
</a>
</div>-->
<div class="next ge">
<a href="./installation.html" style="text-decoration: none; color: white; height: 100%; width: 100%;">
<div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: right; text-align: right;">
<div class="nextcontentparent">
<div class="getstartedcontent">
<div style="display: flex; justify-content: right;">
<img src="./assets/ic_fluent_chevron_right_24_filled.svg" height="30px" class="gep nep2">
</div>
<h3 class="gep nep">Installation</h3>
<p class="gep gepar nepar">Next page</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

61
docs/docs/style.css
View File

@ -193,12 +193,73 @@ color: white;
"getstarted install"
"favicon config";
}}
/* .container2 { display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
gap: 20px 0;
margin-top: 30px;
margin-bottom: 50px;
grid-auto-flow: column;
grid-template-areas:
"prev"
"next";
}
@media only screen and (min-width: 25em) { .container2 {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 20px 20px;
margin-top: 30px;
grid-auto-flow: row;
grid-template-areas:
"prev next";
}}*/
.container2 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 0 20px;
margin-top: 30px;
margin-bottom: 50px;
grid-auto-flow: row;
grid-template-areas:
"prev next";
}
.getstarted { grid-area: getstarted;
background-color: rgb(0, 0, 0);
}
.prev { grid-area: prev;
background-color: rgb(0, 0, 0);
}
.next { grid-area: next;
background-color: rgb(0, 0, 0);
}
@media only screen and (max-width: 25em) { .nep {
font-weight: 400;
font-size:medium;
}
.nepar {
display: none;
}
.nep2 {
height: 25px;
}
}
.install { grid-area: install;
background-color: #000;}