Skip to content

Commit 75ff711

Browse files
MatteuSanMatteuSan
committed
Fixes and updates; Updated config file, deleted all failed imports
1 parent 3feacca commit 75ff711

File tree

9 files changed

+213
-201
lines changed

9 files changed

+213
-201
lines changed

‎docs/Ugnay Components Web/Core Components/Color.md‎

Lines changed: 0 additions & 6 deletions
This file was deleted.

‎docusaurus.config.js‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@ const config = {
3737
},
3838
theme: {
3939
customCss: require.resolve('./src/scss/main.scss'),
40+
algolia: {
41+
appId: 'BH4D9OD16A',
42+
contextualSearch: true,
43+
},
4044
},
4145
}),
4246
],
@@ -45,6 +49,9 @@ const config = {
4549
themeConfig:
4650
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
4751
({
52+
colorMode: {
53+
defaultMode: 'dark'
54+
},
4855
navbar: {
4956
title: 'SurPathHub Docs',
5057
logo: {
@@ -58,6 +65,11 @@ const config = {
5865
position: 'left',
5966
label: 'Documentation',
6067
},
68+
{
69+
href: 'https://github.com/SurPathHub/docs',
70+
position: 'right',
71+
label: 'GitHub',
72+
},
6173
],
6274
},
6375
footer: {

‎package.json‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
{
22
"name": "docs-website",
3-
"version": "0.0.0",
3+
"version": "0.1.0-alpha",
44
"private": true,
5+
"license": "MIT",
56
"scripts": {
67
"docusaurus": "docusaurus",
7-
"start": "docusaurus start",
88
"build": "docusaurus build",
9+
"start": "docusaurus start",
910
"swizzle": "docusaurus swizzle",
1011
"deploy": "docusaurus deploy",
1112
"clear": "docusaurus clear",
@@ -14,8 +15,9 @@
1415
"write-heading-ids": "docusaurus write-heading-ids"
1516
},
1617
"dependencies": {
17-
"@docusaurus/core": "2.0.0-beta.7",
18-
"@docusaurus/preset-classic": "2.0.0-beta.7",
18+
"@docusaurus/core": "^2.0.0-beta.8",
19+
"@docusaurus/preset-classic": "^2.0.0-beta.8",
20+
"@docusaurus/theme-search-algolia": "^2.0.0-beta.8",
1921
"@mdx-js/react": "^1.6.21",
2022
"@surpathhub/ugnay": "^0.1.0-beta",
2123
"@svgr/webpack": "^5.5.0",
@@ -41,7 +43,7 @@
4143
]
4244
},
4345
"devDependencies": {
44-
"@docusaurus/module-type-aliases": "^2.0.0-beta.7",
46+
"@docusaurus/module-type-aliases": "^2.0.0-beta.8",
4547
"@tsconfig/docusaurus": "^1.0.4",
4648
"typescript": "^4.4.4"
4749
}

‎src/pages/index.module.css‎

Lines changed: 0 additions & 23 deletions
This file was deleted.

‎src/pages/index.tsx‎

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,26 @@
11
import React from 'react';
2-
import clsx from 'clsx';
32
import Layout from '@theme/Layout';
3+
import Link from "@docusaurus/Link";
44
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
5-
import styles from './index.module.css';
65
import SPHButton from "../components/SPHButton";
76

87
import {projects} from "../constants/projects";
98
import SPHCard from "../components/SPHCard";
109
import SPHTitleBar from "../components/SPHTitleBar";
1110

12-
import "https://unpkg.com/[email protected]/css/boxicons.min.css";
13-
14-
function HomepageHeader() {
11+
function Hero() {
1512
const {siteConfig} = useDocusaurusContext();
1613
return (
17-
<header className={clsx('hero hero--primary', styles.heroBanner)}>
14+
<header className="hero hero--primary">
1815
<div className="container">
1916
<h1 className="hero__title">{siteConfig.title}</h1>
2017
<p className="hero__subtitle">{siteConfig.tagline}</p>
21-
<div className={styles.buttons}>
22-
<SPHButton type="filled" link="/docs">Get started</SPHButton>
18+
<div className="buttons">
19+
<Link to="/docs">
20+
<button className="sph-button sph-button--filled sph-button--hero">
21+
<span className="sph-button__label">GET STARTED</span>
22+
</button>
23+
</Link>
2324
</div>
2425
</div>
2526
</header>
@@ -31,7 +32,7 @@ export default function Home() {
3132
<Layout
3233
title={`HOME`}
3334
description="Description will go into a meta tag in <head />">
34-
<HomepageHeader/>
35+
<Hero/>
3536
<main className="content-wrap">
3637
<SPHTitleBar>SurPathHub Projects</SPHTitleBar>
3738
<section className="grid" id="docs-list">

‎src/pages/markdown-page.md‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

‎src/scss/main.scss‎

Lines changed: 40 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
@use 'helpers/media-mixins';
1111

1212
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;700&display=swap');
13+
@import url('https://unpkg.com/[email protected]/css/boxicons.min.css');
1314

1415
html[data-theme='light'] {
1516
@include Theme.config(
@@ -23,17 +24,21 @@ html[data-theme='light'] {
2324
// --ifm-menu-color-active: var(--sph-theme--secondary);
2425

2526
--sph-button-fill: var(--sph-theme--secondary-dark);
26-
--sph-button-active-fill: var(--sph-theme--secondary-dark);
27+
--sph-button-active-fill: #29610f;
2728

2829
.footer--dark {
2930
--ifm-footer-color: #000 !important;
3031
--ifm-footer-title-color: #000 !important;
3132
--ifm-footer-link-color: #000 !important;
3233
}
3334

34-
.hero--primary {
35-
background: linear-gradient(45deg, rgb(36, 109, 0) 0%, rgb(113, 186, 78) 100%);;
36-
color: var(--sph-theme--on-primary);
35+
.hero {
36+
//
37+
38+
&.hero--primary {
39+
background: linear-gradient(45deg, rgb(36, 109, 0) 0%, rgb(113, 186, 78) 100%);;
40+
color: var(--sph-theme--on-primary);
41+
}
3742
}
3843
}
3944

@@ -49,7 +54,7 @@ html[data-theme='dark'] {
4954
// --ifm-menu-color-active: var(--sph-theme--secondary);
5055
}
5156

52-
* {
57+
*, h1, h2, h3, h4 {
5358
font-family: 'Public Sans', sans-serif;
5459
}
5560

@@ -80,6 +85,12 @@ code * {
8085
}
8186
}
8287

88+
.buttons {
89+
display: flex;
90+
align-items: center;
91+
justify-content: center;
92+
}
93+
8394
.footer {
8495
--ifm-footer-background-color: var(--sph-theme--primary);
8596

@@ -91,9 +102,25 @@ code * {
91102

92103
}
93104

94-
.hero--primary {
95-
background: linear-gradient(45deg, rgba(9, 28, 0, 1) 0%, rgb(36, 109, 0) 100%);;
96-
color: var(--sph-theme--on-primary);
105+
.hero {
106+
text-align: center;
107+
108+
.hero__title {
109+
font-size: 42px;
110+
line-height: normal;
111+
margin: 0;
112+
font-family: 'Public Sans', sans-serif;
113+
}
114+
115+
.hero__subtitle {
116+
font-family: 'Public Sans', sans-serif;
117+
font-size: 18px;
118+
}
119+
120+
&.hero--primary {
121+
background: linear-gradient(45deg, rgba(9, 28, 0, 1) 0%, rgb(36, 109, 0) 100%);;
122+
color: var(--sph-theme--on-primary);
123+
}
97124
}
98125

99126
.navbar__title,
@@ -122,6 +149,11 @@ code * {
122149
//
123150

124151
@include SPHButton.use();
152+
.sph-button--hero {
153+
.sph-button__label {
154+
--sph-button-size: #{Typography.px-to-rem(18px)} !important;
155+
}
156+
}
125157
a:hover {
126158
text-decoration: none !important;
127159

‎src/scss/modules/SPHTitleBar.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
h2 {
2222
font-size: Typography.px-to-rem(24px);
2323
margin: 0;
24+
font-family: 'Public Sans', sans-serif;
2425
}
2526

2627
&.centered {

0 commit comments

Comments
 (0)