├── .npmrc ├── src ├── env.d.ts ├── layouts │ └── Layout.astro ├── pages │ └── index.astro └── components │ └── Header.astro ├── tsconfig.json ├── .prettierignore ├── public ├── images │ └── works │ │ ├── dkk.jpg │ │ ├── fdm.jpg │ │ ├── lok.jpg │ │ ├── mktgse.jpg │ │ ├── kitahama.jpg │ │ ├── mijikana.jpg │ │ ├── francfranc.jpg │ │ ├── jp-startup.jpg │ │ ├── katsuragawa.jpg │ │ ├── ktrz-font.jpg │ │ ├── nextstage.jpg │ │ ├── dentsusports.jpg │ │ ├── ktrz-monokai.jpg │ │ ├── hpmusic-school.jpg │ │ └── quatro-photodesign.jpg └── favicon.svg ├── postcss.config.js ├── .vscode ├── extensions.json ├── settings.json └── launch.json ├── .prettierrc.js ├── astro.config.mjs ├── .gitignore ├── .editorconfig ├── package.json ├── README.md ├── tailwind.config.js └── .eslintrc.js /.npmrc: -------------------------------------------------------------------------------- 1 | engine-strict = true 2 | -------------------------------------------------------------------------------- /src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "astro/tsconfigs/strict" 3 | } -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | package-lock.json 3 | yarn.lock 4 | pnpm-lock.yaml 5 | dist/ 6 | -------------------------------------------------------------------------------- /public/images/works/dkk.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/dkk.jpg -------------------------------------------------------------------------------- /public/images/works/fdm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/fdm.jpg -------------------------------------------------------------------------------- /public/images/works/lok.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/lok.jpg -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | 'tailwindcss/nesting': {}, 4 | }, 5 | }; 6 | -------------------------------------------------------------------------------- /public/images/works/mktgse.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/mktgse.jpg -------------------------------------------------------------------------------- /public/images/works/kitahama.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/kitahama.jpg -------------------------------------------------------------------------------- /public/images/works/mijikana.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/mijikana.jpg -------------------------------------------------------------------------------- /public/images/works/francfranc.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/francfranc.jpg -------------------------------------------------------------------------------- /public/images/works/jp-startup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/jp-startup.jpg -------------------------------------------------------------------------------- /public/images/works/katsuragawa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/katsuragawa.jpg -------------------------------------------------------------------------------- /public/images/works/ktrz-font.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/ktrz-font.jpg -------------------------------------------------------------------------------- /public/images/works/nextstage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/nextstage.jpg -------------------------------------------------------------------------------- /public/images/works/dentsusports.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/dentsusports.jpg -------------------------------------------------------------------------------- /public/images/works/ktrz-monokai.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/ktrz-monokai.jpg -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["astro-build.astro-vscode"], 3 | "unwantedRecommendations": [] 4 | } 5 | -------------------------------------------------------------------------------- /public/images/works/hpmusic-school.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/hpmusic-school.jpg -------------------------------------------------------------------------------- /public/images/works/quatro-photodesign.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ixkaito/kite/main/public/images/works/quatro-photodesign.jpg -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @type {import('prettier').Options} 3 | **/ 4 | module.exports = { 5 | singleQuote: true, 6 | semi: true, 7 | }; 8 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "eslint.validate": [ 3 | "javascript", 4 | "javascriptreact", 5 | "astro", // Enable .astro 6 | "typescript", // Enable .ts 7 | "typescriptreact" // Enable .tsx 8 | ] 9 | } 10 | -------------------------------------------------------------------------------- /astro.config.mjs: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'astro/config'; 2 | import tailwind from '@astrojs/tailwind'; 3 | 4 | // https://astro.build/config 5 | export default defineConfig({ 6 | scopedStyleStrategy: 'class', 7 | integrations: [tailwind()], 8 | }); 9 | -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.2.0", 3 | "configurations": [ 4 | { 5 | "command": "./node_modules/.bin/astro dev", 6 | "name": "Development server", 7 | "request": "launch", 8 | "type": "node-terminal" 9 | } 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # build output 2 | dist/ 3 | 4 | # generated types 5 | .astro/ 6 | 7 | # dependencies 8 | node_modules/ 9 | 10 | # logs 11 | npm-debug.log* 12 | yarn-debug.log* 13 | yarn-error.log* 14 | pnpm-debug.log* 15 | 16 | # environment variables 17 | .env 18 | .env.production 19 | 20 | # macOS-specific files 21 | .DS_Store 22 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | insert_final_newline = true 7 | trim_trailing_whitespace = true 8 | indent_style = space 9 | indent_size = 2 10 | 11 | [*.{md,markdown}] 12 | trim_trailing_whitespace = false 13 | 14 | [*.{css,scss,sass}] 15 | indent_style = tab 16 | indent_size = 4 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "kite", 3 | "version": "0.0.1", 4 | "engines": { 5 | "node": ">= 18" 6 | }, 7 | "scripts": { 8 | "dev": "astro dev", 9 | "start": "astro dev", 10 | "build": "astro build", 11 | "preview": "astro preview", 12 | "astro": "astro" 13 | }, 14 | "dependencies": { 15 | "@astrojs/tailwind": "^3.1.2", 16 | "@studio-freight/lenis": "^1.0.13", 17 | "astro": "^2.4.4", 18 | "tailwindcss": "^3.3.2", 19 | "tailwindcss-easing": "^0.2.1" 20 | }, 21 | "devDependencies": { 22 | "@typescript-eslint/parser": "^5.59.5", 23 | "eslint": "^8.40.0", 24 | "eslint-plugin-astro": "^0.27.0", 25 | "eslint-plugin-tailwindcss": "^3.11.0", 26 | "prettier": "^2.8.8", 27 | "prettier-plugin-astro": "^0.8.0" 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /public/favicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 13 | 14 | -------------------------------------------------------------------------------- /src/layouts/Layout.astro: -------------------------------------------------------------------------------- 1 | --- 2 | import Header from '../components/Header.astro'; 3 | 4 | export interface Props { 5 | title: string; 6 | } 7 | 8 | const { title } = Astro.props; 9 | --- 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | {title} 19 | 20 | 21 | 25 | 26 | 29 |
30 | 31 |
34 |

© 2023 Kite

35 |
36 | 37 | 38 | 39 | 51 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Astro Starter 2 | 3 | ``` 4 | npm create astro@latest -- --template ixkaito/astro-starter 5 | ``` 6 | 7 | ## 🚀 Project Structure 8 | 9 | Inside of your Astro project, you'll see the following folders and files: 10 | 11 | ``` 12 | / 13 | ├── public/ 14 | │ └── favicon.svg 15 | ├── src/ 16 | │ ├── components/ 17 | │ │ └── ActiveLink.astro 18 | │ │ └── Footer.astro 19 | │ │ └── Header.astro 20 | │ ├── layouts/ 21 | │ │ └── Layout.astro 22 | │ └── pages/ 23 | │ └── about.astro 24 | │ └── index.astro 25 | └── package.json 26 | ``` 27 | 28 | Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. 29 | 30 | There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. 31 | 32 | Any static assets, like images, can be placed in the `public/` directory. 33 | 34 | ## 🧞 Commands 35 | 36 | All commands are run from the root of the project, from a terminal: 37 | 38 | | Command | Action | 39 | | :--------------------- | :----------------------------------------------- | 40 | | `npm install` | Installs dependencies | 41 | | `npm run dev` | Starts local dev server at `localhost:3000` | 42 | | `npm run build` | Build your production site to `./dist/` | 43 | | `npm run preview` | Preview your build locally, before deploying | 44 | | `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | 45 | | `npm run astro --help` | Get help using the Astro CLI | 46 | 47 | ## 👀 Want to learn more? 48 | 49 | Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). 50 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | const plugin = require('tailwindcss/plugin'); 3 | 4 | module.exports = { 5 | content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], 6 | future: { 7 | hoverOnlyWhenSupported: true, 8 | }, 9 | theme: { 10 | fontSize: { 11 | base: ['0.875rem', '1rem'], 12 | }, 13 | extend: { 14 | fontFamily: { 15 | inter: "'Inter', sans-serif", 16 | }, 17 | keyframes: { 18 | 'stretch-animation': { 19 | from: { 20 | transform: 'translateY(0)', 21 | }, 22 | to: { 23 | transform: 'translateY(calc(-100% + 1px))', 24 | }, 25 | }, 26 | 'loading-1': { 27 | from: { 28 | transform: 'scaleX(0)', 29 | }, 30 | to: { 31 | transform: 'scaleX(1)', 32 | }, 33 | }, 34 | 'loading-2': { 35 | from: { 36 | transform: 'scaleY(1)', 37 | }, 38 | to: { 39 | transform: 'scaleY(409.6)', 40 | }, 41 | }, 42 | 'slide-up': { 43 | from: { 44 | transform: 'translateY(100%)', 45 | }, 46 | to: { 47 | transform: 'translateY(0)', 48 | }, 49 | }, 50 | }, 51 | zIndex: { 52 | header: 100, 53 | footer: 100, 54 | menu: 99, 55 | bg: -10, 56 | 'bg-active': -9, 57 | }, 58 | }, 59 | }, 60 | plugins: [ 61 | require('tailwindcss-easing'), 62 | plugin(({ addUtilities }) => { 63 | addUtilities({ 64 | '.scrollbar-none': { 65 | '-ms-overflow-style': 'none', 66 | 'scrollbar-width': 'none', 67 | '&::-webkit-scrollbar': { 68 | display: 'none', 69 | }, 70 | }, 71 | }); 72 | }), 73 | ], 74 | }; 75 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: ['tailwindcss'], 3 | extends: ['plugin:tailwindcss/recommended'], 4 | settings: { 5 | tailwindcss: { 6 | classRegex: '^(active)?[cC]lass(Name)?$', 7 | }, 8 | }, 9 | parserOptions: { 10 | sourceType: 'module', 11 | ecmaVersion: 2022, 12 | }, 13 | overrides: [ 14 | { 15 | // Define the configuration for `.astro` file. 16 | files: ['*.astro'], 17 | extends: ['plugin:astro/recommended'], 18 | // Enable this plugin 19 | plugins: ['astro'], 20 | env: { 21 | // Enables global variables available in Astro components. 22 | node: true, 23 | 'astro/astro': true, 24 | es2020: true, 25 | }, 26 | // Allows Astro components to be parsed. 27 | parser: 'astro-eslint-parser', 28 | // Parse the script in `.astro` as TypeScript by adding the following configuration. 29 | // It's the setting you need when using TypeScript. 30 | parserOptions: { 31 | parser: '@typescript-eslint/parser', 32 | extraFileExtensions: ['.astro'], 33 | // The script of Astro components uses ESM. 34 | sourceType: 'module', 35 | }, 36 | rules: { 37 | // Enable recommended rules 38 | 'astro/no-conflict-set-directives': 'error', 39 | 'astro/no-unused-define-vars-in-style': 'error', 40 | 41 | // override/add rules settings here, such as: 42 | // "astro/no-set-html-directive": "error" 43 | }, 44 | }, 45 | { 46 | // Define the configuration for ` 203 | --------------------------------------------------------------------------------