ro
8d3af5b6e1
Added the folder containg Fipamo markdown files to set up a basic route
for the start of the dashboard and quick test to make sure the file
paths can be read
also added CSS files that will style the new template system, which is
currenlty in twig but will be convereted to blade
150 lines
3 KiB
CSS
150 lines
3 KiB
CSS
section[class="index-header"] {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
width: 100%;
|
|
max-width: 900px;
|
|
margin: 60px auto 0;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: left;
|
|
align-items: center;
|
|
border-radius: 5px;
|
|
border-bottom: none;
|
|
position: relative;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a video {
|
|
width: 100%;
|
|
position: absolute;
|
|
object-fit: cover;
|
|
height: 100%;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a:nth-child(1) {
|
|
grid-column: 1/4;
|
|
grid-row: 1/3;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a:nth-child(2) {
|
|
grid-row: 3/6;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a:nth-child(3) {
|
|
grid-column: 2/4;
|
|
grid-row: 3/5;
|
|
}
|
|
|
|
section[class="index-header"] div[class="index-header-right"] {
|
|
display: flex;
|
|
justify-content: right;
|
|
align-items: center;
|
|
}
|
|
|
|
section[class="index-header"] div[class="index-header-right"] a {
|
|
border-bottom: none;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
section[class="index-recent-pages"] {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-auto-rows: minmax(200px, auto);
|
|
gap: 10px;
|
|
width: 100%;
|
|
max-width: 900px;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a button {
|
|
padding: 1px 5px;
|
|
}
|
|
|
|
section[class="index-recent-pages"] button i {
|
|
font-size: 1.8em;
|
|
}
|
|
|
|
section[class="index-recent-pages"] button[data-active="true"] {
|
|
background: var(--primary);
|
|
}
|
|
|
|
section[class="index-recent-pages"] button[data-active="true"] i {
|
|
color: var(--tertiary);
|
|
}
|
|
|
|
section[class="index-recent-pages"] button[data-active="false"] {
|
|
background: var(--secondary);
|
|
}
|
|
|
|
section[class="index-recent-pages"] button[data-active="false"] i {
|
|
fill: var(--primary);
|
|
}
|
|
|
|
section[class="index-recent-pages"] aside {
|
|
font-size: 1.1em;
|
|
color: var(--white);
|
|
text-shadow: 2px 2px 2px var(--black);
|
|
padding: 10px;
|
|
z-index: 10;
|
|
}
|
|
|
|
section[class="index-recent-pages"] hr {
|
|
color: var(--white);
|
|
border: 0.1px solid;
|
|
margin: 7px 0;
|
|
}
|
|
|
|
@media only screen and (max-width: 900px) {
|
|
section[class="index-header"],
|
|
section[class="index-recent-pages"] {
|
|
width: 97%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 520px) {
|
|
section[class="index-recent-pages"] {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a:nth-child(1) {
|
|
grid-column: 1/3;
|
|
grid-row: 1/2;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a:nth-child(2) {
|
|
grid-row: 2/3;
|
|
grid-column: 1/2;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a:nth-child(3) {
|
|
grid-column: 2/3;
|
|
grid-row: 2/3;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 350px) {
|
|
section[class="index-recent-pages"] a:nth-child(2) {
|
|
grid-column: 1/3;
|
|
grid-row: 2/3;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a:nth-child(3) {
|
|
grid-column: 1/3;
|
|
grid-row: 3/4;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a:nth-child(4) {
|
|
grid-column: 1/3;
|
|
grid-row: 4/5;
|
|
}
|
|
|
|
section[class="index-recent-pages"] a:nth-child(5) {
|
|
grid-column: 1/3;
|
|
grid-row: 5/6;
|
|
}
|
|
}
|