feat(home_page): created template for homepage

This template created two column layout with articles and handy links.
Capability was added so that on a mobile device, the columns would drop to one only.

MR !6
This commit is contained in:
2022-01-30 11:50:07 +09:30
parent 1a6fc5a814
commit f14b17c3b0
3 changed files with 110 additions and 0 deletions

View File

@ -1,4 +1,5 @@
---
template: home.html
title: No Fuss Computing
description: Here at No Fuss Computing we predominately do research and development into, making your computing experience a more enjoyable one. See our projects page to find out what we are working on.

View File

@ -70,3 +70,50 @@ a.tags:hover {
.mdx-author p > span {
display: block;
}
.container{
width: 100%;
}
.container .row {
width: 95%;
margin: 0 auto;
height: fit-content;
}
.container .row:after {
content: "";
display: table;
clear: both;
}
.container .column {
float: left;
width: 50%;
}
.container .column .mdx-author {
padding-left: 30px;
}
.container .column h2 {
margin: 0px;
}
.container .column ul {
margin: 0px;
}
.container .column h3 {
margin: 0px;
}
.container .column img {
height: 22px;
}
@media screen and ( max-width: 700px ) {
.container .column {
float: none;
width: 100%;
}
}