General updates
This commit is contained in:
parent
85e3fc50aa
commit
4194d905cf
@ -1,3 +1,6 @@
|
||||
{
|
||||
"extends": "next/core-web-vitals"
|
||||
"extends": "next/core-web-vitals",
|
||||
"rules": {
|
||||
"react/no-unescaped-entities": "off"
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
1
public/favicon.svg
Normal file
1
public/favicon.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg height='100px' width='100px' fill="#e12828" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><g><path d="M0,21.144l6.806,2.029V3.593L0,1.402V21.144z M1.405,4.731h3.997c0.24,0,0.435,0.195,0.435,0.435S5.641,5.601,5.401,5.601 H1.405c-0.24,0-0.435-0.195-0.435-0.435S1.165,4.731,1.405,4.731z M1.405,7.568h3.997c0.24,0,0.435,0.195,0.435,0.435 c0,0.24-0.195,0.435-0.435,0.435H1.405c-0.24,0-0.435-0.195-0.435-0.435C0.97,7.763,1.165,7.568,1.405,7.568z M1.405,10.404h3.997 c0.24,0,0.435,0.195,0.435,0.435c0,0.24-0.195,0.435-0.435,0.435H1.405c-0.24,0-0.435-0.195-0.435-0.435 C0.97,10.599,1.165,10.404,1.405,10.404z M1.405,13.24h3.997c0.24,0,0.435,0.195,0.435,0.435c0,0.24-0.195,0.435-0.435,0.435H1.405 c-0.24,0-0.435-0.195-0.435-0.435C0.97,13.435,1.165,13.24,1.405,13.24z M0.97,16.54c0-0.123,0.052-0.24,0.143-0.322 c0.091-0.082,0.214-0.123,0.334-0.11l3.996,0.393c0.223,0.022,0.392,0.209,0.392,0.433v3.515c0,0.124-0.053,0.243-0.146,0.325 c-0.08,0.071-0.183,0.11-0.289,0.11c-0.017,0-0.034-0.001-0.051-0.003l-3.996-0.473c-0.219-0.026-0.384-0.212-0.384-0.432V16.54z"></path><polygon points="4.966,17.327 1.839,17.02 1.839,19.589 4.966,19.959 "></polygon><path d="M21.897,3.798c0-0.025,0.01-0.047,0.014-0.072h-1.248v11.545h1.234V3.798z"></path><path d="M7.675,23.179l6.807-1.953V1.482L7.675,3.596V23.179z M13.547,19.309l-4.538,0.785c-0.025,0.004-0.05,0.006-0.075,0.006 c-0.208,0-0.391-0.149-0.428-0.36c-0.041-0.237,0.118-0.462,0.354-0.503l4.538-0.785c0.244-0.039,0.462,0.118,0.503,0.354 C13.942,19.044,13.784,19.269,13.547,19.309z M13.547,16.648l-4.538,0.784c-0.025,0.004-0.05,0.006-0.074,0.006 c-0.208,0-0.391-0.149-0.428-0.361c-0.041-0.236,0.118-0.461,0.355-0.502l4.538-0.784c0.238-0.039,0.462,0.118,0.502,0.355 C13.942,16.382,13.784,16.607,13.547,16.648z M13.547,13.985l-4.538,0.785c-0.025,0.004-0.05,0.006-0.075,0.006 c-0.208,0-0.391-0.149-0.428-0.36c-0.041-0.237,0.118-0.462,0.354-0.503l4.538-0.785c0.244-0.038,0.462,0.118,0.503,0.354 C13.942,13.719,13.784,13.944,13.547,13.985z M13.547,11.323l-4.538,0.784c-0.025,0.004-0.05,0.006-0.074,0.006 c-0.208,0-0.391-0.149-0.428-0.361c-0.041-0.236,0.118-0.461,0.355-0.502l4.538-0.784c0.238-0.038,0.462,0.118,0.502,0.355 C13.942,11.057,13.784,11.282,13.547,11.323z M8.5,5.125c0-0.21,0.15-0.391,0.357-0.428l4.538-0.819 c0.131-0.023,0.258,0.012,0.356,0.094c0.099,0.083,0.156,0.205,0.156,0.334v3.494c0,0.212-0.152,0.392-0.361,0.428L9.008,9.011 C8.984,9.016,8.959,9.018,8.935,9.018c-0.102,0-0.201-0.036-0.28-0.102C8.556,8.833,8.5,8.712,8.5,8.583V5.125z"></path><path d="M19.847,15.901c-0.029-0.057-0.049-0.119-0.051-0.188c0-0.003-0.002-0.005-0.002-0.008V2.822l-4.44-1.344v19.762 l6.405,2.155l0.028-4.15l-1.934-3.321C19.849,15.917,19.85,15.909,19.847,15.901z M18.66,19.33h-2.174 c-0.24,0-0.435-0.195-0.435-0.435c0-0.24,0.195-0.435,0.435-0.435h2.174c0.24,0,0.435,0.195,0.435,0.435 C19.094,19.135,18.9,19.33,18.66,19.33z M18.66,16.883h-2.174c-0.24,0-0.435-0.195-0.435-0.435c0-0.24,0.195-0.435,0.435-0.435 h2.174c0.24,0,0.435,0.195,0.435,0.435C19.094,16.688,18.9,16.883,18.66,16.883z M18.66,14.437h-2.174 c-0.24,0-0.435-0.195-0.435-0.435s0.195-0.435,0.435-0.435h2.174c0.24,0,0.435,0.195,0.435,0.435S18.9,14.437,18.66,14.437z M18.66,11.99h-2.174c-0.24,0-0.435-0.195-0.435-0.435s0.195-0.435,0.435-0.435h2.174c0.24,0,0.435,0.195,0.435,0.435 S18.9,11.99,18.66,11.99z M18.66,9.543h-2.174c-0.24,0-0.435-0.195-0.435-0.435c0-0.24,0.195-0.435,0.435-0.435h2.174 c0.24,0,0.435,0.195,0.435,0.435C19.094,9.348,18.9,9.543,18.66,9.543z M18.66,7.096h-2.174c-0.24,0-0.435-0.195-0.435-0.435 s0.195-0.435,0.435-0.435h2.174c0.24,0,0.435,0.195,0.435,0.435S18.9,7.096,18.66,7.096z M18.66,4.65h-2.174 c-0.24,0-0.435-0.195-0.435-0.435s0.195-0.435,0.435-0.435h2.174c0.24,0,0.435,0.195,0.435,0.435S18.9,4.65,18.66,4.65z"></path><polygon points="13.039,4.825 9.369,5.488 9.369,8.067 13.039,7.433 "></polygon><path d="M22.332,0.605c-0.92,0-1.668,0.749-1.668,1.67v0.172c0.001,0.011-0.001,0.023,0,0.035v0.376H24V2.274 C24,1.354,23.251,0.605,22.332,0.605z"></path><polygon points="22.332,18.452 23.678,16.14 20.985,16.14 "></polygon><path d="M22.766,3.798v11.473H24V3.726h-1.248C22.756,3.75,22.766,3.772,22.766,3.798z"></path></g></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
BIN
public/logo.png
Normal file
BIN
public/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
12
src/common/components/image/image.js
Normal file
12
src/common/components/image/image.js
Normal file
@ -0,0 +1,12 @@
|
||||
import React from "react"
|
||||
import NextImage from 'next/image'
|
||||
|
||||
const Image = ({caption, ...props}) => {
|
||||
return (
|
||||
<figure className="relative flex justify-center">
|
||||
<NextImage {...props} />
|
||||
{caption && <figcaption>{caption}</figcaption>}
|
||||
</figure>
|
||||
)
|
||||
}
|
||||
export default Image
|
||||
@ -2,7 +2,10 @@ import React from "react"
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<footer className="pt-2 mt-2 border-t border-solid border-gray-200">
|
||||
<footer className="w-full">
|
||||
<section>
|
||||
<ul></ul>
|
||||
</section>
|
||||
Copyright © 2022 Deltora.
|
||||
</footer>
|
||||
)
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,21 +1,15 @@
|
||||
import React from "react"
|
||||
import Header from "../header/header"
|
||||
import Footer from "../footer/footer"
|
||||
import SideMenu from "../side-menu/side-menu"
|
||||
|
||||
const Layout = ({children}) => {
|
||||
return (
|
||||
<div className="2xl:container mx-auto">
|
||||
<div className="">
|
||||
<Header />
|
||||
<section>
|
||||
<SideMenu />
|
||||
<div>
|
||||
<main>
|
||||
{children}
|
||||
</main>
|
||||
<Footer />
|
||||
</div>
|
||||
</section>
|
||||
<main>
|
||||
{children}
|
||||
</main>
|
||||
<Footer />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -2,8 +2,6 @@ import Image from 'next/image'
|
||||
|
||||
export default function about() {
|
||||
return (
|
||||
<div className="mt-2">
|
||||
Modern, minimalistic "react + tailwind" component library.
|
||||
</div>
|
||||
<div className="mt-2">Modern, minimalistic "react + tailwind" component library.</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -1,116 +0,0 @@
|
||||
.container {
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
.main {
|
||||
min-height: 100vh;
|
||||
padding: 4rem 0;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
padding: 2rem 0;
|
||||
border-top: 1px solid #eaeaea;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.title a {
|
||||
color: #0070f3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title a:hover,
|
||||
.title a:focus,
|
||||
.title a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: 0;
|
||||
line-height: 1.15;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.title,
|
||||
.description {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.description {
|
||||
margin: 4rem 0;
|
||||
line-height: 1.5;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.code {
|
||||
background: #fafafa;
|
||||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin: 1rem;
|
||||
padding: 1.5rem;
|
||||
text-align: left;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
.card:focus,
|
||||
.card:active {
|
||||
color: #0070f3;
|
||||
border-color: #0070f3;
|
||||
}
|
||||
|
||||
.card h2 {
|
||||
margin: 0 0 1rem 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.card p {
|
||||
margin: 0;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 1em;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.grid {
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@ -5,7 +5,18 @@ module.exports = {
|
||||
"./src/common/templates/**/*.{js,ts,jsx,tsx}",
|
||||
],
|
||||
theme: {
|
||||
extend: {},
|
||||
extend: {
|
||||
colors: {
|
||||
'primary': '#e12828',
|
||||
'secondary': '#2A2E3C',
|
||||
'sup-light': '#E6E6EA',
|
||||
'sup-dark': '#fed766',
|
||||
'light-bg': '#f8f8f8',
|
||||
'icon-color': '#757575',
|
||||
'title-color': '#2b2b2b',
|
||||
'text-color': '#464040',
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user