Improve layout and coloring issues

This commit is contained in:
Jip Fr 2021-04-21 10:47:22 +02:00
parent 5f50fe4ed1
commit 45dcb975fd
6 changed files with 59 additions and 36 deletions

1
package-lock.json generated
View File

@ -5,7 +5,6 @@
"requires": true,
"packages": {
"": {
"name": "website",
"version": "1.0.0",
"license": "ISC",
"dependencies": {

View File

@ -1,47 +1,66 @@
[
{
"title": "Thing",
"title": "Juxtaposition",
"features": [
{
"name": "Feature A",
"name": "Fix fonts",
"status": "done"
},
{
"name": "Feature B",
"status": "ongoing"
},
{
"name": "Feature B",
"status": "ongoing"
},
{
"name": "Feature B",
"name": "Guest Mode",
"status": "done"
},
{
"name": "Feature B",
"name": "Communities Page",
"status": "done"
},
{
"name": "Set-Up Page",
"status": "done"
},
{
"name": "Posts",
"status": "ongoing"
},
{
"name": "Feature A",
"name": "User Page",
"status": "ongoing"
},
{
"name": "Community Page",
"status": "ongoing"
},
{
"name": "Notifications",
"status": "ongoing"
},
{
"name": "Miiverse Patch (applet)",
"status": "ongoing"
},
{
"name": "Replies",
"status": "ongoing"
},
{
"name": "Activity Feed",
"status": "todo"
},
{
"name": "Feature A",
"status": "todo"
}
]
},
{
"title": "Another list",
"features": [
{
"name": "Some other A",
"name": "Fix browser History",
"status": "todo"
},
{
"name": "Feature B",
"status": "done"
"name": "Google Analytics(?)",
"status": "todo"
},
{
"name": "Sub Communities",
"status": "todo"
},
{
"name": "Miiverse Patch (games)",
"status": "todo"
}
]
}

View File

@ -22,6 +22,8 @@ function loadAllCharts() {
enabled: false
};
const isInBrightCard = !!wrapper.closest('.right.sect');
new Chart(wrapper.querySelector('canvas'), {
type: 'doughnut',
data: {
@ -29,7 +31,7 @@ function loadAllCharts() {
datasets: [
{
data,
backgroundColor: ['#9D6FF3', '#4C5174']
backgroundColor: isInBrightCard ? ['white', 'rgba(195, 178, 227, 0.5)'] : ['#9D6FF3', '#4C5174']
}
]
},

View File

@ -9,14 +9,19 @@
}
body {
margin: 0;
background: var(--background);
padding-bottom: env(safe-area-inset-bottom);
}
body, .main-body {
width: 100%;
max-width: 100vw;
position: relative;
margin: 0;
color: var(--text);
display: flex;
justify-content: center;
font-family: Poppins, Arial;
overflow-x: hidden;
padding-bottom: env(safe-area-inset-bottom);
}
.animateDot {
@ -275,6 +280,7 @@ section.progress .right:before {
left: 90%;
margin-top: -50px;
background: var(--theme);
z-index: -1;
}
section.faq {
@ -405,11 +411,6 @@ section.team {
margin: 20px 0;
background: rgba(255, 255, 255, 0.1);
}
.feature-list-wrapper .feature-list-top {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 20px;
}
.progress-title {
margin-bottom: 20px;
}

View File

@ -13,7 +13,7 @@ const routers = {
};
app.use('*', (req, res, next) => {
logger.info(`${req.method.toUpperCase()} ${req.path}`);
logger.info(`${req.method.toUpperCase()} ${req.path}${req.filepath}`);
next();
});

View File

@ -35,7 +35,9 @@
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
{{{ body }}}
<div class="main-body">
{{{ body }}}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.0.2/chart.min.js"></script>
<script src="/charts.js"></script>
</body>