init
This commit is contained in:
Noble
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
/node_modules/
|
||||||
8
.idea/.gitignore
generated
vendored
Normal file
8
.idea/.gitignore
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
# Default ignored files
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# Editor-based HTTP Client requests
|
||||||
|
/httpRequests/
|
||||||
|
# Datasource local storage ignored files
|
||||||
|
/dataSources/
|
||||||
|
/dataSources.local.xml
|
||||||
12
.idea/cansat2.iml
generated
Normal file
12
.idea/cansat2.iml
generated
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="WEB_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager">
|
||||||
|
<content url="file://$MODULE_DIR$">
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||||
|
</content>
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
7
.idea/discord.xml
generated
Normal file
7
.idea/discord.xml
generated
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="DiscordProjectSettings">
|
||||||
|
<option name="show" value="ASK" />
|
||||||
|
<option name="description" value="" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
6
.idea/jsLibraryMappings.xml
generated
Normal file
6
.idea/jsLibraryMappings.xml
generated
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="JavaScriptLibraryMappings">
|
||||||
|
<includedPredefinedLibrary name="Node.js Core" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
8
.idea/modules.xml
generated
Normal file
8
.idea/modules.xml
generated
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/cansat2.iml" filepath="$PROJECT_DIR$/.idea/cansat2.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
7
.idea/vcs.xml
generated
Normal file
7
.idea/vcs.xml
generated
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="$PROJECT_DIR$/.." vcs="Git" />
|
||||||
|
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
20
cansat/.eslintignore
Normal file
20
cansat/.eslintignore
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
.now/*
|
||||||
|
*.css
|
||||||
|
.changeset
|
||||||
|
dist
|
||||||
|
esm/*
|
||||||
|
public/*
|
||||||
|
tests/*
|
||||||
|
scripts/*
|
||||||
|
*.config.js
|
||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
coverage
|
||||||
|
.next
|
||||||
|
build
|
||||||
|
!.commitlintrc.cjs
|
||||||
|
!.lintstagedrc.cjs
|
||||||
|
!jest.config.js
|
||||||
|
!plopfile.js
|
||||||
|
!react-shim.js
|
||||||
|
!tsup.config.ts
|
||||||
92
cansat/.eslintrc.json
Normal file
92
cansat/.eslintrc.json
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
{
|
||||||
|
"$schema": "https://json.schemastore.org/eslintrc.json",
|
||||||
|
"env": {
|
||||||
|
"browser": false,
|
||||||
|
"es2021": true,
|
||||||
|
"node": true
|
||||||
|
},
|
||||||
|
"extends": [
|
||||||
|
"plugin:react/recommended",
|
||||||
|
"plugin:prettier/recommended",
|
||||||
|
"plugin:react-hooks/recommended",
|
||||||
|
"plugin:jsx-a11y/recommended"
|
||||||
|
],
|
||||||
|
"plugins": ["react", "unused-imports", "import", "@typescript-eslint", "jsx-a11y", "prettier"],
|
||||||
|
"parser": "@typescript-eslint/parser",
|
||||||
|
"parserOptions": {
|
||||||
|
"ecmaFeatures": {
|
||||||
|
"jsx": true
|
||||||
|
},
|
||||||
|
"ecmaVersion": 12,
|
||||||
|
"sourceType": "module"
|
||||||
|
},
|
||||||
|
"settings": {
|
||||||
|
"react": {
|
||||||
|
"version": "detect"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"rules": {
|
||||||
|
"no-console": "warn",
|
||||||
|
"react/prop-types": "off",
|
||||||
|
"react/jsx-uses-react": "off",
|
||||||
|
"react/react-in-jsx-scope": "off",
|
||||||
|
"react-hooks/exhaustive-deps": "off",
|
||||||
|
"jsx-a11y/click-events-have-key-events": "warn",
|
||||||
|
"jsx-a11y/interactive-supports-focus": "warn",
|
||||||
|
"prettier/prettier": "warn",
|
||||||
|
"no-unused-vars": "off",
|
||||||
|
"unused-imports/no-unused-vars": "off",
|
||||||
|
"unused-imports/no-unused-imports": "warn",
|
||||||
|
"@typescript-eslint/no-unused-vars": [
|
||||||
|
"warn",
|
||||||
|
{
|
||||||
|
"args": "after-used",
|
||||||
|
"ignoreRestSiblings": false,
|
||||||
|
"argsIgnorePattern": "^_.*?$"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"import/order": [
|
||||||
|
"warn",
|
||||||
|
{
|
||||||
|
"groups": [
|
||||||
|
"type",
|
||||||
|
"builtin",
|
||||||
|
"object",
|
||||||
|
"external",
|
||||||
|
"internal",
|
||||||
|
"parent",
|
||||||
|
"sibling",
|
||||||
|
"index"
|
||||||
|
],
|
||||||
|
"pathGroups": [
|
||||||
|
{
|
||||||
|
"pattern": "~/**",
|
||||||
|
"group": "external",
|
||||||
|
"position": "after"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"newlines-between": "always"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"react/self-closing-comp": "warn",
|
||||||
|
"react/jsx-sort-props": [
|
||||||
|
"warn",
|
||||||
|
{
|
||||||
|
"callbacksLast": true,
|
||||||
|
"shorthandFirst": true,
|
||||||
|
"noSortAlphabetically": false,
|
||||||
|
"reservedFirst": true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"padding-line-between-statements": [
|
||||||
|
"warn",
|
||||||
|
{"blankLine": "always", "prev": "*", "next": "return"},
|
||||||
|
{"blankLine": "always", "prev": ["const", "let", "var"], "next": "*"},
|
||||||
|
{
|
||||||
|
"blankLine": "any",
|
||||||
|
"prev": ["const", "let", "var"],
|
||||||
|
"next": ["const", "let", "var"]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
35
cansat/.gitignore
vendored
Normal file
35
cansat/.gitignore
vendored
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# dependencies
|
||||||
|
/node_modules
|
||||||
|
/.pnp
|
||||||
|
.pnp.js
|
||||||
|
|
||||||
|
# testing
|
||||||
|
/coverage
|
||||||
|
|
||||||
|
# next.js
|
||||||
|
/.next/
|
||||||
|
/out/
|
||||||
|
|
||||||
|
# production
|
||||||
|
/build
|
||||||
|
|
||||||
|
# misc
|
||||||
|
.DS_Store
|
||||||
|
*.pem
|
||||||
|
|
||||||
|
# debug
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
|
||||||
|
# local env files
|
||||||
|
.env*.local
|
||||||
|
|
||||||
|
# vercel
|
||||||
|
.vercel
|
||||||
|
|
||||||
|
# typescript
|
||||||
|
*.tsbuildinfo
|
||||||
|
next-env.d.ts
|
||||||
1
cansat/.npmrc
Normal file
1
cansat/.npmrc
Normal file
@@ -0,0 +1 @@
|
|||||||
|
package-lock=true
|
||||||
3
cansat/.vscode/settings.json
vendored
Normal file
3
cansat/.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"typescript.tsdk": "node_modules/typescript/lib"
|
||||||
|
}
|
||||||
21
cansat/LICENSE
Normal file
21
cansat/LICENSE
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2023 Next UI
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
55
cansat/README.md
Normal file
55
cansat/README.md
Normal file
@@ -0,0 +1,55 @@
|
|||||||
|
# Next.js & HeroUI Template
|
||||||
|
|
||||||
|
This is a template for creating applications using Next.js 14 (pages directory) and HeroUI (v2).
|
||||||
|
|
||||||
|
[Try it on CodeSandbox](https://githubbox.com/heroui-inc/next-pages-template)
|
||||||
|
|
||||||
|
> Note: Since Next.js 14, the pages router is recommend migrating to the [new App Router](https://nextjs.org/docs/app) to leverage React's latest features
|
||||||
|
>
|
||||||
|
> Read more: [Pages Router](https://nextjs.org/docs/pages)
|
||||||
|
|
||||||
|
## Technologies Used
|
||||||
|
|
||||||
|
- [Next.js 14](https://nextjs.org/docs/getting-started)
|
||||||
|
- [HeroUI](https://heroui.com)
|
||||||
|
- [Tailwind CSS](https://tailwindcss.com)
|
||||||
|
- [Tailwind Variants](https://tailwind-variants.org)
|
||||||
|
- [TypeScript](https://www.typescriptlang.org)
|
||||||
|
- [Framer Motion](https://www.framer.com/motion)
|
||||||
|
- [next-themes](https://github.com/pacocoursey/next-themes)
|
||||||
|
|
||||||
|
## How to Use
|
||||||
|
|
||||||
|
To create a new project based on this template using `create-next-app`, run the following command:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npx create-next-app -e https://github.com/heroui-inc/next-pages-template
|
||||||
|
```
|
||||||
|
|
||||||
|
### Install dependencies
|
||||||
|
|
||||||
|
You can use one of them `npm`, `yarn`, `pnpm`, `bun`, Example using `npm`:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
### Run the development server
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
### Setup pnpm (optional)
|
||||||
|
|
||||||
|
If you are using `pnpm`, you need to add the following code to your `.npmrc` file:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
public-hoist-pattern[]=*@heroui/*
|
||||||
|
```
|
||||||
|
|
||||||
|
After modifying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
|
||||||
|
|
||||||
|
## License
|
||||||
|
|
||||||
|
Licensed under the [MIT license](https://github.com/heroui-inc/next-pages-template/blob/main/LICENSE).
|
||||||
186
cansat/components/icons.tsx
Normal file
186
cansat/components/icons.tsx
Normal file
@@ -0,0 +1,186 @@
|
|||||||
|
import * as React from "react";
|
||||||
|
|
||||||
|
import { IconSvgProps } from "@/types";
|
||||||
|
|
||||||
|
export const Logo: React.FC<IconSvgProps> = ({
|
||||||
|
size = 36,
|
||||||
|
height,
|
||||||
|
...props
|
||||||
|
}) => (
|
||||||
|
<svg
|
||||||
|
fill="none"
|
||||||
|
height={size || height}
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
width={size || height}
|
||||||
|
{...props}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
clipRule="evenodd"
|
||||||
|
d="M17.6482 10.1305L15.8785 7.02583L7.02979 22.5499H10.5278L17.6482 10.1305ZM19.8798 14.0457L18.11 17.1983L19.394 19.4511H16.8453L15.1056 22.5499H24.7272L19.8798 14.0457Z"
|
||||||
|
fill="currentColor"
|
||||||
|
fillRule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
|
||||||
|
export const DiscordIcon: React.FC<IconSvgProps> = ({
|
||||||
|
size = 24,
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
...props
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<svg
|
||||||
|
height={size || height}
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width={size || width}
|
||||||
|
{...props}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M14.82 4.26a10.14 10.14 0 0 0-.53 1.1 14.66 14.66 0 0 0-4.58 0 10.14 10.14 0 0 0-.53-1.1 16 16 0 0 0-4.13 1.3 17.33 17.33 0 0 0-3 11.59 16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83 3.39 3.39 0 0 0 .42-.33 11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84 12.41 12.41 0 0 0 1.08 1.78 16.44 16.44 0 0 0 5.06-2.59 17.22 17.22 0 0 0-3-11.59 16.09 16.09 0 0 0-4.09-1.35zM8.68 14.81a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.93 1.93 0 0 1 1.8 2 1.93 1.93 0 0 1-1.8 2zm6.64 0a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.92 1.92 0 0 1 1.8 2 1.92 1.92 0 0 1-1.8 2z"
|
||||||
|
fill="currentColor"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const TwitterIcon: React.FC<IconSvgProps> = ({
|
||||||
|
size = 24,
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
...props
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<svg
|
||||||
|
height={size || height}
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width={size || width}
|
||||||
|
{...props}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z"
|
||||||
|
fill="currentColor"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const GithubIcon: React.FC<IconSvgProps> = ({
|
||||||
|
size = 24,
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
...props
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<svg
|
||||||
|
height={size || height}
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width={size || width}
|
||||||
|
{...props}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
clipRule="evenodd"
|
||||||
|
d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z"
|
||||||
|
fill="currentColor"
|
||||||
|
fillRule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const MoonFilledIcon = ({
|
||||||
|
size = 24,
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
...props
|
||||||
|
}: IconSvgProps) => (
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
focusable="false"
|
||||||
|
height={size || height}
|
||||||
|
role="presentation"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width={size || width}
|
||||||
|
{...props}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M21.53 15.93c-.16-.27-.61-.69-1.73-.49a8.46 8.46 0 01-1.88.13 8.409 8.409 0 01-5.91-2.82 8.068 8.068 0 01-1.44-8.66c.44-1.01.13-1.54-.09-1.76s-.77-.55-1.83-.11a10.318 10.318 0 00-6.32 10.21 10.475 10.475 0 007.04 8.99 10 10 0 002.89.55c.16.01.32.02.48.02a10.5 10.5 0 008.47-4.27c.67-.93.49-1.519.32-1.79z"
|
||||||
|
fill="currentColor"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
|
||||||
|
export const SunFilledIcon = ({
|
||||||
|
size = 24,
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
...props
|
||||||
|
}: IconSvgProps) => (
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
focusable="false"
|
||||||
|
height={size || height}
|
||||||
|
role="presentation"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width={size || width}
|
||||||
|
{...props}
|
||||||
|
>
|
||||||
|
<g fill="currentColor">
|
||||||
|
<path d="M19 12a7 7 0 11-7-7 7 7 0 017 7z" />
|
||||||
|
<path d="M12 22.96a.969.969 0 01-1-.96v-.08a1 1 0 012 0 1.038 1.038 0 01-1 1.04zm7.14-2.82a1.024 1.024 0 01-.71-.29l-.13-.13a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.984.984 0 01-.7.29zm-14.28 0a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a1 1 0 01-.7.29zM22 13h-.08a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zM2.08 13H2a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zm16.93-7.01a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a.984.984 0 01-.7.29zm-14.02 0a1.024 1.024 0 01-.71-.29l-.13-.14a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.97.97 0 01-.7.3zM12 3.04a.969.969 0 01-1-.96V2a1 1 0 012 0 1.038 1.038 0 01-1 1.04z" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
|
||||||
|
export const HeartFilledIcon = ({
|
||||||
|
size = 24,
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
...props
|
||||||
|
}: IconSvgProps) => (
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
focusable="false"
|
||||||
|
height={size || height}
|
||||||
|
role="presentation"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width={size || width}
|
||||||
|
{...props}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M12.62 20.81c-.34.12-.9.12-1.24 0C8.48 19.82 2 15.69 2 8.69 2 5.6 4.49 3.1 7.56 3.1c1.82 0 3.43.88 4.44 2.24a5.53 5.53 0 0 1 4.44-2.24C19.51 3.1 22 5.6 22 8.69c0 7-6.48 11.13-9.38 12.12Z"
|
||||||
|
fill="currentColor"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth={1.5}
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
|
||||||
|
export const SearchIcon = (props: IconSvgProps) => (
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
focusable="false"
|
||||||
|
height="1em"
|
||||||
|
role="presentation"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="1em"
|
||||||
|
{...props}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
|
||||||
|
stroke="currentColor"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth="2"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M22 22L20 20"
|
||||||
|
stroke="currentColor"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth="2"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
139
cansat/components/navbar.tsx
Normal file
139
cansat/components/navbar.tsx
Normal file
@@ -0,0 +1,139 @@
|
|||||||
|
import {
|
||||||
|
Navbar as HeroUINavbar,
|
||||||
|
NavbarContent,
|
||||||
|
NavbarMenu,
|
||||||
|
NavbarMenuToggle,
|
||||||
|
NavbarBrand,
|
||||||
|
NavbarItem,
|
||||||
|
NavbarMenuItem,
|
||||||
|
} from "@heroui/navbar";
|
||||||
|
import { Button } from "@heroui/button";
|
||||||
|
import { Kbd } from "@heroui/kbd";
|
||||||
|
import { Link } from "@heroui/link";
|
||||||
|
import { Input } from "@heroui/input";
|
||||||
|
import { link as linkStyles } from "@heroui/theme";
|
||||||
|
import NextLink from "next/link";
|
||||||
|
import clsx from "clsx";
|
||||||
|
|
||||||
|
import { siteConfig } from "@/config/site";
|
||||||
|
import { ThemeSwitch } from "@/components/theme-switch";
|
||||||
|
import {
|
||||||
|
TwitterIcon,
|
||||||
|
GithubIcon,
|
||||||
|
DiscordIcon,
|
||||||
|
HeartFilledIcon,
|
||||||
|
SearchIcon,
|
||||||
|
Logo,
|
||||||
|
} from "@/components/icons";
|
||||||
|
|
||||||
|
export const Navbar = () => {
|
||||||
|
const searchInput = (
|
||||||
|
<Input
|
||||||
|
aria-label="Search"
|
||||||
|
classNames={{
|
||||||
|
inputWrapper: "bg-default-100",
|
||||||
|
input: "text-sm",
|
||||||
|
}}
|
||||||
|
endContent={
|
||||||
|
<Kbd className="hidden lg:inline-block" keys={["command"]}>
|
||||||
|
K
|
||||||
|
</Kbd>
|
||||||
|
}
|
||||||
|
labelPlacement="outside"
|
||||||
|
placeholder="Search..."
|
||||||
|
startContent={
|
||||||
|
<SearchIcon className="text-base text-default-400 pointer-events-none flex-shrink-0" />
|
||||||
|
}
|
||||||
|
type="search"
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<HeroUINavbar maxWidth="xl" position="sticky">
|
||||||
|
<NavbarContent className="basis-1/5 sm:basis-full" justify="start">
|
||||||
|
<NavbarBrand className="gap-3 max-w-fit">
|
||||||
|
<NextLink className="flex justify-start items-center gap-1" href="/">
|
||||||
|
<Logo />
|
||||||
|
<p className="font-bold text-inherit">Adlerka Space Program</p>
|
||||||
|
</NextLink>
|
||||||
|
</NavbarBrand>
|
||||||
|
<div className="hidden lg:flex gap-4 justify-start ml-2">
|
||||||
|
{siteConfig.navItems.map((item) => (
|
||||||
|
<NavbarItem key={item.href}>
|
||||||
|
<NextLink
|
||||||
|
className={clsx(
|
||||||
|
linkStyles({ color: "foreground" }),
|
||||||
|
"data-[active=true]:text-primary data-[active=true]:font-medium"
|
||||||
|
)}
|
||||||
|
color="foreground"
|
||||||
|
href={item.href}
|
||||||
|
>
|
||||||
|
{item.label}
|
||||||
|
</NextLink>
|
||||||
|
</NavbarItem>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</NavbarContent>
|
||||||
|
|
||||||
|
<NavbarContent
|
||||||
|
className="hidden sm:flex basis-1/5 sm:basis-full"
|
||||||
|
justify="end"
|
||||||
|
>
|
||||||
|
<NavbarItem className="hidden sm:flex gap-2">
|
||||||
|
<Link isExternal href={siteConfig.links.twitter} title="Twitter">
|
||||||
|
<TwitterIcon className="text-default-500" />
|
||||||
|
</Link>
|
||||||
|
<Link isExternal href={siteConfig.links.discord} title="Discord">
|
||||||
|
<DiscordIcon className="text-default-500" />
|
||||||
|
</Link>
|
||||||
|
<Link isExternal href={siteConfig.links.github} title="GitHub">
|
||||||
|
<GithubIcon className="text-default-500" />
|
||||||
|
</Link>
|
||||||
|
<ThemeSwitch />
|
||||||
|
</NavbarItem>
|
||||||
|
<NavbarItem className="hidden md:flex">
|
||||||
|
<Button
|
||||||
|
isExternal
|
||||||
|
as={Link}
|
||||||
|
className="text-sm font-normal text-default-600 bg-default-100"
|
||||||
|
href={siteConfig.links.sponsor}
|
||||||
|
startContent={<HeartFilledIcon className="text-danger" />}
|
||||||
|
variant="flat"
|
||||||
|
>
|
||||||
|
Sponsor
|
||||||
|
</Button>
|
||||||
|
</NavbarItem>
|
||||||
|
</NavbarContent>
|
||||||
|
|
||||||
|
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
||||||
|
<Link isExternal href={siteConfig.links.github}>
|
||||||
|
<GithubIcon className="text-default-500" />
|
||||||
|
</Link>
|
||||||
|
<ThemeSwitch />
|
||||||
|
<NavbarMenuToggle />
|
||||||
|
</NavbarContent>
|
||||||
|
|
||||||
|
<NavbarMenu>
|
||||||
|
<div className="mx-4 mt-2 flex flex-col gap-2">
|
||||||
|
{siteConfig.navMenuItems.map((item, index) => (
|
||||||
|
<NavbarMenuItem key={`${item}-${index}`}>
|
||||||
|
<Link
|
||||||
|
color={
|
||||||
|
index === 2
|
||||||
|
? "primary"
|
||||||
|
: index === siteConfig.navMenuItems.length - 1
|
||||||
|
? "danger"
|
||||||
|
: "foreground"
|
||||||
|
}
|
||||||
|
href="#"
|
||||||
|
size="lg"
|
||||||
|
>
|
||||||
|
{item.label}
|
||||||
|
</Link>
|
||||||
|
</NavbarMenuItem>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</NavbarMenu>
|
||||||
|
</HeroUINavbar>
|
||||||
|
);
|
||||||
|
};
|
||||||
53
cansat/components/primitives.ts
Normal file
53
cansat/components/primitives.ts
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
import { tv } from "tailwind-variants";
|
||||||
|
|
||||||
|
export const title = tv({
|
||||||
|
base: "tracking-tight inline font-semibold",
|
||||||
|
variants: {
|
||||||
|
color: {
|
||||||
|
violet: "from-[#FF1CF7] to-[#b249f8]",
|
||||||
|
yellow: "from-[#FF705B] to-[#FFB457]",
|
||||||
|
blue: "from-[#5EA2EF] to-[#0072F5]",
|
||||||
|
cyan: "from-[#00b7fa] to-[#01cfea]",
|
||||||
|
green: "from-[#6FEE8D] to-[#17c964]",
|
||||||
|
pink: "from-[#FF72E1] to-[#F54C7A]",
|
||||||
|
foreground: "dark:from-[#FFFFFF] dark:to-[#4B4B4B]",
|
||||||
|
},
|
||||||
|
size: {
|
||||||
|
sm: "text-3xl lg:text-4xl",
|
||||||
|
md: "text-[2.3rem] lg:text-5xl leading-9",
|
||||||
|
lg: "text-4xl lg:text-6xl",
|
||||||
|
},
|
||||||
|
fullWidth: {
|
||||||
|
true: "w-full block",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
defaultVariants: {
|
||||||
|
size: "md",
|
||||||
|
},
|
||||||
|
compoundVariants: [
|
||||||
|
{
|
||||||
|
color: [
|
||||||
|
"violet",
|
||||||
|
"yellow",
|
||||||
|
"blue",
|
||||||
|
"cyan",
|
||||||
|
"green",
|
||||||
|
"pink",
|
||||||
|
"foreground",
|
||||||
|
],
|
||||||
|
class: "bg-clip-text text-transparent bg-gradient-to-b",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
|
|
||||||
|
export const subtitle = tv({
|
||||||
|
base: "w-full md:w-1/2 my-2 text-lg lg:text-xl text-default-600 block max-w-full",
|
||||||
|
variants: {
|
||||||
|
fullWidth: {
|
||||||
|
true: "!w-full",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
defaultVariants: {
|
||||||
|
fullWidth: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
86
cansat/components/theme-switch.tsx
Normal file
86
cansat/components/theme-switch.tsx
Normal file
@@ -0,0 +1,86 @@
|
|||||||
|
import { FC, useState, useEffect } from "react";
|
||||||
|
import { VisuallyHidden } from "@react-aria/visually-hidden";
|
||||||
|
import { SwitchProps, useSwitch } from "@heroui/switch";
|
||||||
|
import { useTheme } from "next-themes";
|
||||||
|
import clsx from "clsx";
|
||||||
|
|
||||||
|
import { SunFilledIcon, MoonFilledIcon } from "@/components/icons";
|
||||||
|
|
||||||
|
export interface ThemeSwitchProps {
|
||||||
|
className?: string;
|
||||||
|
classNames?: SwitchProps["classNames"];
|
||||||
|
}
|
||||||
|
|
||||||
|
export const ThemeSwitch: FC<ThemeSwitchProps> = ({
|
||||||
|
className,
|
||||||
|
classNames,
|
||||||
|
}) => {
|
||||||
|
const [isMounted, setIsMounted] = useState(false);
|
||||||
|
|
||||||
|
const { theme, setTheme } = useTheme();
|
||||||
|
|
||||||
|
const onChange = () => {
|
||||||
|
theme === "light" ? setTheme("dark") : setTheme("light");
|
||||||
|
};
|
||||||
|
|
||||||
|
const {
|
||||||
|
Component,
|
||||||
|
slots,
|
||||||
|
isSelected,
|
||||||
|
getBaseProps,
|
||||||
|
getInputProps,
|
||||||
|
getWrapperProps,
|
||||||
|
} = useSwitch({
|
||||||
|
isSelected: theme === "light",
|
||||||
|
onChange,
|
||||||
|
});
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
setIsMounted(true);
|
||||||
|
}, [isMounted]);
|
||||||
|
|
||||||
|
// Prevent Hydration Mismatch
|
||||||
|
if (!isMounted) return <div className="w-6 h-6" />;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Component
|
||||||
|
aria-label={isSelected ? "Switch to dark mode" : "Switch to light mode"}
|
||||||
|
{...getBaseProps({
|
||||||
|
className: clsx(
|
||||||
|
"px-px transition-opacity hover:opacity-80 cursor-pointer",
|
||||||
|
className,
|
||||||
|
classNames?.base,
|
||||||
|
),
|
||||||
|
})}
|
||||||
|
>
|
||||||
|
<VisuallyHidden>
|
||||||
|
<input {...getInputProps()} />
|
||||||
|
</VisuallyHidden>
|
||||||
|
<div
|
||||||
|
{...getWrapperProps()}
|
||||||
|
className={slots.wrapper({
|
||||||
|
class: clsx(
|
||||||
|
[
|
||||||
|
"w-auto h-auto",
|
||||||
|
"bg-transparent",
|
||||||
|
"rounded-lg",
|
||||||
|
"flex items-center justify-center",
|
||||||
|
"group-data-[selected=true]:bg-transparent",
|
||||||
|
"!text-default-500",
|
||||||
|
"pt-px",
|
||||||
|
"px-0",
|
||||||
|
"mx-0",
|
||||||
|
],
|
||||||
|
classNames?.wrapper,
|
||||||
|
),
|
||||||
|
})}
|
||||||
|
>
|
||||||
|
{isSelected ? (
|
||||||
|
<MoonFilledIcon size={22} />
|
||||||
|
) : (
|
||||||
|
<SunFilledIcon size={22} />
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</Component>
|
||||||
|
);
|
||||||
|
};
|
||||||
11
cansat/config/fonts.ts
Normal file
11
cansat/config/fonts.ts
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
import { Fira_Code as FontMono, Inter as FontSans } from "next/font/google";
|
||||||
|
|
||||||
|
export const fontSans = FontSans({
|
||||||
|
subsets: ["latin"],
|
||||||
|
variable: "--font-sans",
|
||||||
|
});
|
||||||
|
|
||||||
|
export const fontMono = FontMono({
|
||||||
|
subsets: ["latin"],
|
||||||
|
variable: "--font-mono",
|
||||||
|
});
|
||||||
51
cansat/config/site.ts
Normal file
51
cansat/config/site.ts
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
export type SiteConfig = typeof siteConfig;
|
||||||
|
|
||||||
|
export const siteConfig = {
|
||||||
|
name: "Adlerka Space Program",
|
||||||
|
description: "ASP is a team of young engineers who aspire to reach the stars.",
|
||||||
|
navItems: [
|
||||||
|
{
|
||||||
|
label: "Home",
|
||||||
|
href: "/",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "About",
|
||||||
|
href: "/about",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Blog",
|
||||||
|
href: "/blog",
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
label: "SPŠE Adlerka",
|
||||||
|
href: "https://www.adlerka.sk/",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
navMenuItems: [
|
||||||
|
{
|
||||||
|
label: "Home",
|
||||||
|
href: "/",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "About",
|
||||||
|
href: "/about",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Blog",
|
||||||
|
href: "/blog",
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
label: "SPŠE Adlerka",
|
||||||
|
href: "https://www.adlerka.sk/",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
links: {
|
||||||
|
github: "https://github.com/7Noble",
|
||||||
|
twitter: "https://twitter.com/",
|
||||||
|
docs: "https://heroui.com",
|
||||||
|
discord: "https://discordapp.com/users/404304818178621440",
|
||||||
|
sponsor: "/sponsor",
|
||||||
|
},
|
||||||
|
};
|
||||||
31
cansat/layouts/default.tsx
Normal file
31
cansat/layouts/default.tsx
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
import { Link } from "@heroui/link";
|
||||||
|
|
||||||
|
import { Head } from "./head";
|
||||||
|
|
||||||
|
import { Navbar } from "@/components/navbar";
|
||||||
|
|
||||||
|
export default function DefaultLayout({
|
||||||
|
children,
|
||||||
|
}: {
|
||||||
|
children: React.ReactNode;
|
||||||
|
}) {
|
||||||
|
return (
|
||||||
|
<div className="relative flex flex-col h-screen">
|
||||||
|
<Head />
|
||||||
|
<Navbar />
|
||||||
|
<main className="container mx-auto max-w-7xl px-6 flex-grow pt-16">
|
||||||
|
{children}
|
||||||
|
</main>
|
||||||
|
<footer className="w-full flex items-center justify-center py-3">
|
||||||
|
<Link
|
||||||
|
isExternal
|
||||||
|
className="flex items-center gap-1 text-current"
|
||||||
|
href="https://www.heroui.com"
|
||||||
|
title="heroui.com homepage"
|
||||||
|
>
|
||||||
|
<span className="text-default-600">© 2024 Adlerka Space Program</span>
|
||||||
|
</Link>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
21
cansat/layouts/head.tsx
Normal file
21
cansat/layouts/head.tsx
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
import React from "react";
|
||||||
|
import NextHead from "next/head";
|
||||||
|
|
||||||
|
import { siteConfig } from "@/config/site";
|
||||||
|
|
||||||
|
export const Head = () => {
|
||||||
|
return (
|
||||||
|
<NextHead>
|
||||||
|
<title>{siteConfig.name}</title>
|
||||||
|
<meta key="title" content={siteConfig.name} property="og:title" />
|
||||||
|
<meta content={siteConfig.description} property="og:description" />
|
||||||
|
<meta content={siteConfig.description} name="description" />
|
||||||
|
<meta
|
||||||
|
key="viewport"
|
||||||
|
content="viewport-fit=cover, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
|
||||||
|
name="viewport"
|
||||||
|
/>
|
||||||
|
<link href="/favicon.ico" rel="icon" />
|
||||||
|
</NextHead>
|
||||||
|
);
|
||||||
|
};
|
||||||
6
cansat/next.config.js
Normal file
6
cansat/next.config.js
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
/** @type {import('next').NextConfig} */
|
||||||
|
const nextConfig = {
|
||||||
|
reactStrictMode: true,
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = nextConfig
|
||||||
8176
cansat/package-lock.json
generated
Normal file
8176
cansat/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
57
cansat/package.json
Normal file
57
cansat/package.json
Normal file
@@ -0,0 +1,57 @@
|
|||||||
|
{
|
||||||
|
"name": "next-pages-template",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"dev": "next dev --turbo",
|
||||||
|
"build": "next build",
|
||||||
|
"start": "next start",
|
||||||
|
"lint": "eslint . --ext .ts,.tsx -c .eslintrc.json --fix"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@heroui/button": "^2.2.9",
|
||||||
|
"@heroui/card": "^2.2.10",
|
||||||
|
"@heroui/code": "2.2.6",
|
||||||
|
"@heroui/divider": "^2.2.6",
|
||||||
|
"@heroui/image": "^2.2.6",
|
||||||
|
"@heroui/input": "2.4.9",
|
||||||
|
"@heroui/kbd": "2.2.6",
|
||||||
|
"@heroui/link": "^2.2.7",
|
||||||
|
"@heroui/listbox": "2.3.9",
|
||||||
|
"@heroui/navbar": "2.2.8",
|
||||||
|
"@heroui/snippet": "2.2.10",
|
||||||
|
"@heroui/switch": "2.2.8",
|
||||||
|
"@heroui/system": "2.4.6",
|
||||||
|
"@heroui/theme": "2.4.5",
|
||||||
|
"@react-aria/visually-hidden": "3.8.18",
|
||||||
|
"clsx": "2.1.1",
|
||||||
|
"framer-motion": "11.13.1",
|
||||||
|
"intl-messageformat": "^10.5.0",
|
||||||
|
"next": "^15.1.5",
|
||||||
|
"next-themes": "^0.4.4",
|
||||||
|
"react": "18.3.1",
|
||||||
|
"react-dom": "18.3.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/node": "20.5.7",
|
||||||
|
"@types/react": "18.3.3",
|
||||||
|
"@types/react-dom": "18.3.0",
|
||||||
|
"@typescript-eslint/eslint-plugin": "8.11.0",
|
||||||
|
"@typescript-eslint/parser": "8.11.0",
|
||||||
|
"autoprefixer": "10.4.19",
|
||||||
|
"eslint": "^8.57.0",
|
||||||
|
"eslint-config-prettier": "9.1.0",
|
||||||
|
"eslint-plugin-import": "^2.26.0",
|
||||||
|
"eslint-plugin-jsx-a11y": "^6.4.1",
|
||||||
|
"eslint-plugin-node": "^11.1.0",
|
||||||
|
"eslint-plugin-prettier": "5.2.1",
|
||||||
|
"eslint-plugin-react": "^7.23.2",
|
||||||
|
"eslint-plugin-react-hooks": "^4.6.0",
|
||||||
|
"eslint-plugin-unused-imports": "4.1.4",
|
||||||
|
"postcss": "8.4.49",
|
||||||
|
"prettier": "3.3.3",
|
||||||
|
"tailwind-variants": "0.1.20",
|
||||||
|
"tailwindcss": "3.4.16",
|
||||||
|
"typescript": "5.6.3"
|
||||||
|
}
|
||||||
|
}
|
||||||
25
cansat/pages/_app.tsx
Normal file
25
cansat/pages/_app.tsx
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
import type { AppProps } from "next/app";
|
||||||
|
|
||||||
|
import { HeroUIProvider } from "@heroui/system";
|
||||||
|
import { ThemeProvider as NextThemesProvider } from "next-themes";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
|
|
||||||
|
import { fontSans, fontMono } from "@/config/fonts";
|
||||||
|
import "@/styles/globals.css";
|
||||||
|
|
||||||
|
export default function App({ Component, pageProps }: AppProps) {
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<HeroUIProvider navigate={router.push}>
|
||||||
|
<NextThemesProvider>
|
||||||
|
<Component {...pageProps} />
|
||||||
|
</NextThemesProvider>
|
||||||
|
</HeroUIProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export const fonts = {
|
||||||
|
sans: fontSans.style.fontFamily,
|
||||||
|
mono: fontMono.style.fontFamily,
|
||||||
|
};
|
||||||
21
cansat/pages/_document.tsx
Normal file
21
cansat/pages/_document.tsx
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
import { Html, Head, Main, NextScript } from "next/document";
|
||||||
|
import clsx from "clsx";
|
||||||
|
|
||||||
|
import { fontSans } from "@/config/fonts";
|
||||||
|
|
||||||
|
export default function Document() {
|
||||||
|
return (
|
||||||
|
<Html lang="en">
|
||||||
|
<Head />
|
||||||
|
<body
|
||||||
|
className={clsx(
|
||||||
|
"min-h-screen bg-background font-sans antialiased",
|
||||||
|
fontSans.variable,
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
<Main />
|
||||||
|
<NextScript />
|
||||||
|
</body>
|
||||||
|
</Html>
|
||||||
|
);
|
||||||
|
}
|
||||||
14
cansat/pages/about/index.tsx
Normal file
14
cansat/pages/about/index.tsx
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
import { title } from "@/components/primitives";
|
||||||
|
import DefaultLayout from "@/layouts/default";
|
||||||
|
|
||||||
|
export default function DocsPage() {
|
||||||
|
return (
|
||||||
|
<DefaultLayout>
|
||||||
|
<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
|
||||||
|
<div className="inline-block max-w-lg text-center justify-center">
|
||||||
|
<h1 className={title()}>About</h1>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</DefaultLayout>
|
||||||
|
);
|
||||||
|
}
|
||||||
13
cansat/pages/api/hello.ts
Normal file
13
cansat/pages/api/hello.ts
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
|
||||||
|
import type { NextApiRequest, NextApiResponse } from "next";
|
||||||
|
|
||||||
|
type Data = {
|
||||||
|
name: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function Handler(
|
||||||
|
req: NextApiRequest,
|
||||||
|
res: NextApiResponse<Data>,
|
||||||
|
) {
|
||||||
|
res.status(200).json({ name: "John Doe" });
|
||||||
|
}
|
||||||
14
cansat/pages/blog/index.tsx
Normal file
14
cansat/pages/blog/index.tsx
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
import { title } from "@/components/primitives";
|
||||||
|
import DefaultLayout from "@/layouts/default";
|
||||||
|
|
||||||
|
export default function DocsPage() {
|
||||||
|
return (
|
||||||
|
<DefaultLayout>
|
||||||
|
<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
|
||||||
|
<div className="inline-block max-w-lg text-center justify-center">
|
||||||
|
<h1 className={title()}>Blog</h1>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</DefaultLayout>
|
||||||
|
);
|
||||||
|
}
|
||||||
14
cansat/pages/docs/index.tsx
Normal file
14
cansat/pages/docs/index.tsx
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
import { title } from "@/components/primitives";
|
||||||
|
import DefaultLayout from "@/layouts/default";
|
||||||
|
|
||||||
|
export default function DocsPage() {
|
||||||
|
return (
|
||||||
|
<DefaultLayout>
|
||||||
|
<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
|
||||||
|
<div className="inline-block max-w-lg text-center justify-center">
|
||||||
|
<h1 className={title()}>Docs</h1>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</DefaultLayout>
|
||||||
|
);
|
||||||
|
}
|
||||||
81
cansat/pages/index.tsx
Normal file
81
cansat/pages/index.tsx
Normal file
@@ -0,0 +1,81 @@
|
|||||||
|
import { Link } from "@heroui/link";
|
||||||
|
import { Snippet } from "@heroui/snippet";
|
||||||
|
import { Code } from "@heroui/code";
|
||||||
|
import { button as buttonStyles } from "@heroui/theme";
|
||||||
|
|
||||||
|
import { siteConfig } from "@/config/site";
|
||||||
|
import { title, subtitle } from "@/components/primitives";
|
||||||
|
import { GithubIcon } from "@/components/icons";
|
||||||
|
import DefaultLayout from "@/layouts/default";
|
||||||
|
import {Card, CardHeader, CardBody, CardFooter} from "@heroui/card";
|
||||||
|
import {Divider} from "@heroui/divider";
|
||||||
|
import {Image} from "@heroui/image";
|
||||||
|
|
||||||
|
|
||||||
|
export default function IndexPage() {
|
||||||
|
return (
|
||||||
|
<DefaultLayout>
|
||||||
|
<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
|
||||||
|
<div className="inline-block max-w-xl text-center justify-center">
|
||||||
|
<span className={title()}>
|
||||||
|
Adlerka Space Program
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex flex-col md:flex-row gap-4">
|
||||||
|
<Card className="">
|
||||||
|
<CardHeader className="flex gap-3">
|
||||||
|
<Image
|
||||||
|
alt="heroui logo"
|
||||||
|
height={80}
|
||||||
|
radius="sm"
|
||||||
|
src="https://www.adlerka.space/assets/images/favicon.png"
|
||||||
|
width={80}
|
||||||
|
/>
|
||||||
|
<div className="flex flex-col">
|
||||||
|
<p className="text-xl">Who are we?</p>
|
||||||
|
<p className="text-small text-default-500">adlerka.sk</p>
|
||||||
|
</div>
|
||||||
|
</CardHeader>
|
||||||
|
<Divider />
|
||||||
|
<CardBody className="text-xl">
|
||||||
|
<p>We are a team of talented and ambitious high school students from Adlerka electrical engineering school, representing Slovakia in the European Space Agency’s CanSat project.</p>
|
||||||
|
</CardBody>
|
||||||
|
<Divider />
|
||||||
|
<CardFooter>
|
||||||
|
<Link isExternal showAnchorIcon href="/about" target="_self">
|
||||||
|
Learn more About Us.
|
||||||
|
</Link>
|
||||||
|
</CardFooter>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Card className="">
|
||||||
|
<CardHeader className="flex gap-3">
|
||||||
|
<Image
|
||||||
|
alt="heroui logo"
|
||||||
|
height={80}
|
||||||
|
radius="sm"
|
||||||
|
src="https://adlerkaspace.wz.sk/wp-content/uploads/2024/02/cansat-logo.png"
|
||||||
|
width={80}
|
||||||
|
/>
|
||||||
|
<div className="flex flex-col">
|
||||||
|
<p className="text-xl">About CanSat</p>
|
||||||
|
<p className="text-small text-default-500">spaceoffice.sk/cansat</p>
|
||||||
|
</div>
|
||||||
|
</CardHeader>
|
||||||
|
<Divider />
|
||||||
|
<CardBody className="text-xl">
|
||||||
|
<p>The CanSat project is an educational endeavor that combines the fields of aerospace engineering and technology. It involves designing and building a small satellite, no larger than a soda can, which is then launched into the atmosphere to collect data and perform various tasks.</p>
|
||||||
|
</CardBody>
|
||||||
|
<Divider />
|
||||||
|
<CardFooter>
|
||||||
|
<Link isExternal showAnchorIcon href="https://cansat.esa.int/about-cansat/cansat-project/" target="_self">
|
||||||
|
Learn more about CanSat.
|
||||||
|
</Link>
|
||||||
|
</CardFooter>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</DefaultLayout>
|
||||||
|
);
|
||||||
|
}
|
||||||
14
cansat/pages/pricing/index.tsx
Normal file
14
cansat/pages/pricing/index.tsx
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
import { title } from "@/components/primitives";
|
||||||
|
import DefaultLayout from "@/layouts/default";
|
||||||
|
|
||||||
|
export default function DocsPage() {
|
||||||
|
return (
|
||||||
|
<DefaultLayout>
|
||||||
|
<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
|
||||||
|
<div className="inline-block max-w-lg text-center justify-center">
|
||||||
|
<h1 className={title()}>Pricing</h1>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</DefaultLayout>
|
||||||
|
);
|
||||||
|
}
|
||||||
64
cansat/pages/sponsor/index.tsx
Normal file
64
cansat/pages/sponsor/index.tsx
Normal file
@@ -0,0 +1,64 @@
|
|||||||
|
import { title } from "@/components/primitives";
|
||||||
|
import DefaultLayout from "@/layouts/default";
|
||||||
|
import {HeartFilledIcon} from "@/components/icons";
|
||||||
|
import {Card, CardHeader, CardBody, CardFooter} from "@heroui/card";
|
||||||
|
import {Divider} from "@heroui/divider";
|
||||||
|
import {Link} from "@heroui/link";
|
||||||
|
import {Button} from "@heroui/button";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export default function SponsorPage() {
|
||||||
|
return (
|
||||||
|
<DefaultLayout>
|
||||||
|
<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
|
||||||
|
<div className="inline-block max-w-lg text-center justify-center">
|
||||||
|
<span className={title({ color: "cyan" })}>SPONSOR </span>
|
||||||
|
<span className={title({ color: "blue" })}>US </span>
|
||||||
|
<HeartFilledIcon className={"text-danger size-16 mx-auto"}></HeartFilledIcon>
|
||||||
|
</div>
|
||||||
|
<Card>
|
||||||
|
<CardHeader className="flex gap-3 font-bold text-xl">
|
||||||
|
<p>Your support means a lot to us.</p>
|
||||||
|
</CardHeader>
|
||||||
|
<Divider />
|
||||||
|
<CardBody className="text-center">
|
||||||
|
|
||||||
|
<p>If you are interested in collaborating, providing resources, or offering any form of assistance,</p>
|
||||||
|
<p>please reach out to us via the links below.</p>
|
||||||
|
</CardBody>
|
||||||
|
<CardFooter className="justify-center flex flex-col md:flex-row gap-4">
|
||||||
|
<Button
|
||||||
|
showAnchorIcon
|
||||||
|
as={Link}
|
||||||
|
color="primary"
|
||||||
|
href="mailto:simon@adlerka.space"
|
||||||
|
variant="solid"
|
||||||
|
>
|
||||||
|
Email
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
showAnchorIcon
|
||||||
|
as={Link}
|
||||||
|
color= "secondary"
|
||||||
|
href="https://adlerka.space"
|
||||||
|
variant="solid"
|
||||||
|
>
|
||||||
|
Instagram
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
showAnchorIcon
|
||||||
|
as={Link}
|
||||||
|
color="default"
|
||||||
|
href="https://discordapp.com/users/404304818178621440"
|
||||||
|
variant="solid"
|
||||||
|
>
|
||||||
|
Discord
|
||||||
|
</Button>
|
||||||
|
</CardFooter>
|
||||||
|
</Card>
|
||||||
|
</section>
|
||||||
|
</DefaultLayout>
|
||||||
|
);
|
||||||
|
}
|
||||||
6
cansat/postcss.config.js
Normal file
6
cansat/postcss.config.js
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
module.exports = {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
||||||
BIN
cansat/public/favicon.ico
Normal file
BIN
cansat/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
3
cansat/styles/globals.css
Normal file
3
cansat/styles/globals.css
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
21
cansat/tailwind.config.js
Normal file
21
cansat/tailwind.config.js
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
import {heroui} from "@heroui/theme"
|
||||||
|
|
||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
module.exports = {
|
||||||
|
content: [
|
||||||
|
'./layouts/**/*.{js,ts,jsx,tsx,mdx}',
|
||||||
|
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
||||||
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
||||||
|
"./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
|
||||||
|
],
|
||||||
|
theme: {
|
||||||
|
extend: {
|
||||||
|
fontFamily: {
|
||||||
|
sans: ["var(--font-sans)"],
|
||||||
|
mono: ["var(--font-mono)"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
darkMode: "class",
|
||||||
|
plugins: [heroui()],
|
||||||
|
}
|
||||||
23
cansat/tsconfig.json
Normal file
23
cansat/tsconfig.json
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "es5",
|
||||||
|
"lib": ["dom", "dom.iterable", "esnext"],
|
||||||
|
"allowJs": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"strict": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"noEmit": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"module": "esnext",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"jsx": "preserve",
|
||||||
|
"incremental": true,
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["./*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
|
||||||
|
"exclude": ["node_modules"]
|
||||||
|
}
|
||||||
5
cansat/types/index.ts
Normal file
5
cansat/types/index.ts
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
import { SVGProps } from "react";
|
||||||
|
|
||||||
|
export type IconSvgProps = SVGProps<SVGSVGElement> & {
|
||||||
|
size?: number;
|
||||||
|
};
|
||||||
2221
package-lock.json
generated
Normal file
2221
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
19
package.json
Normal file
19
package.json
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
{
|
||||||
|
"name": "cansat2",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
|
},
|
||||||
|
"keywords": [],
|
||||||
|
"author": "",
|
||||||
|
"license": "ISC",
|
||||||
|
"description": "",
|
||||||
|
"dependencies": {
|
||||||
|
"@heroui/card": "^2.2.10",
|
||||||
|
"@heroui/system": "^2.4.7",
|
||||||
|
"@heroui/theme": "^2.4.6",
|
||||||
|
"framer-motion": "^12.0.0",
|
||||||
|
"tailwindcss": "^3.4.17"
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user