├── src ├── __sandbox__ │ ├── assets │ │ ├── favicon.ico │ │ ├── images │ │ │ ├── client1.png │ │ │ ├── client2.png │ │ │ ├── client3.png │ │ │ ├── client4.png │ │ │ ├── client5.png │ │ │ ├── npm-logo.svg │ │ │ ├── github-logo.svg │ │ │ ├── rerousel-logo.svg │ │ │ ├── RerouselLogoDark.svg │ │ │ └── RerouselLogoLight.svg │ │ ├── svg │ │ │ ├── NpmSvg.tsx │ │ │ └── GithubSvg.tsx │ │ └── data.ts │ ├── index.tsx │ ├── components │ │ ├── index.tsx │ │ ├── Footer.tsx │ │ ├── Description.tsx │ │ ├── Carousel.tsx │ │ ├── Navbar.tsx │ │ ├── Hero.tsx │ │ ├── Content.tsx │ │ └── Clients.tsx │ └── App.tsx ├── custom.d.ts └── index.tsx ├── .prettierrc.json ├── .gitignore ├── .npmignore ├── snowpack.config.js ├── .github └── workflows │ ├── develop.yml │ └── master.yml ├── index.html ├── .eslintrc.json ├── package.json ├── README.md ├── tsconfig.json └── tsconfig.build.json /src/__sandbox__/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aexol-studio/rerousel-react-carousel/HEAD/src/__sandbox__/assets/favicon.ico -------------------------------------------------------------------------------- /src/__sandbox__/assets/images/client1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aexol-studio/rerousel-react-carousel/HEAD/src/__sandbox__/assets/images/client1.png -------------------------------------------------------------------------------- /src/__sandbox__/assets/images/client2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aexol-studio/rerousel-react-carousel/HEAD/src/__sandbox__/assets/images/client2.png -------------------------------------------------------------------------------- /src/__sandbox__/assets/images/client3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aexol-studio/rerousel-react-carousel/HEAD/src/__sandbox__/assets/images/client3.png -------------------------------------------------------------------------------- /src/__sandbox__/assets/images/client4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aexol-studio/rerousel-react-carousel/HEAD/src/__sandbox__/assets/images/client4.png -------------------------------------------------------------------------------- /src/__sandbox__/assets/images/client5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aexol-studio/rerousel-react-carousel/HEAD/src/__sandbox__/assets/images/client5.png -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "semi": true, 3 | "trailingComma": "all", 4 | "singleQuote": true, 5 | "printWidth": 120, 6 | "tabWidth": 4 7 | } 8 | -------------------------------------------------------------------------------- /src/custom.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.svg' { 2 | const content: any; 3 | export default content; 4 | } 5 | 6 | declare module '*.png' { 7 | const content: any; 8 | export default content; 9 | } 10 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | .vscode 3 | .DS_STORE 4 | node_modules 5 | .module-cache 6 | *.log* 7 | build 8 | lib 9 | .idea 10 | .netlify 11 | .docz 12 | .tscache 13 | tsconfig.tsbuildinfo 14 | *.tsbuildinfo* 15 | .python-version -------------------------------------------------------------------------------- /src/__sandbox__/index.tsx: -------------------------------------------------------------------------------- 1 | import { App } from './App'; 2 | import React from 'react'; 3 | import { render } from 'react-dom'; 4 | 5 | const appMount = document.querySelector('#app'); 6 | if (appMount) render(, appMount); 7 | -------------------------------------------------------------------------------- /src/__sandbox__/components/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Hero'; 2 | export * from './Navbar'; 3 | export * from './Carousel'; 4 | export * from './Description'; 5 | export * from './Content'; 6 | export * from './Clients'; 7 | export * from './Footer'; 8 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .vscode 2 | .DS_STORE 3 | .docz 4 | .tscache 5 | node_modules 6 | .module-cache 7 | *.log* 8 | build 9 | dist 10 | src 11 | deploy.sh 12 | deploy-toolkit.yaml 13 | .idea 14 | __test__ 15 | __mock__ 16 | __sandbox__ 17 | .python-version -------------------------------------------------------------------------------- /snowpack.config.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | // Snowpack Configuration File 3 | // See all supported options: https://www.snowpack.dev/#configuration 4 | 5 | /** @type {import("snowpack").SnowpackUserConfig } */ 6 | module.exports = { 7 | // mount: {}, 8 | plugins: [['@snowpack/plugin-typescript', { tsc: 'ttsc', args: ' --project tsconfig.build.json' }]], 9 | // installOptions: {},a 10 | // devOptions: {}, 11 | // buildOptions: {}, 12 | alias: { 13 | '@/': './src/', 14 | }, 15 | }; 16 | -------------------------------------------------------------------------------- /.github/workflows/develop.yml: -------------------------------------------------------------------------------- 1 | name: Node.js Package beta 2 | on: 3 | push: 4 | branches: 5 | - develop 6 | jobs: 7 | build: 8 | runs-on: ubuntu-latest 9 | steps: 10 | - uses: actions/checkout@v2 11 | # Setup .npmrc file to publish to npm 12 | - uses: actions/setup-node@v1 13 | with: 14 | node-version: '12.x' 15 | registry-url: 'https://registry.npmjs.org' 16 | - run: npm install 17 | - run: npm run build 18 | - run: npm publish --tag beta 19 | env: 20 | NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }} -------------------------------------------------------------------------------- /.github/workflows/master.yml: -------------------------------------------------------------------------------- 1 | name: Node.js Package release 2 | on: 3 | push: 4 | branches: 5 | - master 6 | jobs: 7 | build: 8 | runs-on: ubuntu-latest 9 | steps: 10 | - uses: actions/checkout@v2 11 | # Setup .npmrc file to publish to npm 12 | - uses: actions/setup-node@v1 13 | with: 14 | node-version: '12.x' 15 | registry-url: 'https://registry.npmjs.org' 16 | - run: npm install 17 | - run: npm run build 18 | - run: npm publish --tag latest 19 | env: 20 | NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }} -------------------------------------------------------------------------------- /src/__sandbox__/assets/images/npm-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/__sandbox__/components/Footer.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import styled from 'styled-components'; 3 | 4 | const Container = styled.footer` 5 | display: flex; 6 | justify-content: center; 7 | align-items: center; 8 | height: 70px; 9 | background-color: #20232a; 10 | padding: 20px; 11 | `; 12 | 13 | const Copyright = styled.a` 14 | color: white; 15 | font-family: Signika, sans-serif; 16 | font-weight: normal; 17 | text-align: center; 18 | `; 19 | 20 | export const Footer = () => { 21 | return ( 22 | 23 | Aexol - Innovative Software Development studio © 2021 24 | 25 | ); 26 | }; 27 | -------------------------------------------------------------------------------- /src/__sandbox__/App.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { style } from 'typestyle'; 3 | import { Navbar, Hero, Carousel, Description, Content, Clients, Footer } from './components'; 4 | 5 | style({ 6 | $nest: { 7 | 'html, body': { 8 | margin: '0', 9 | padding: '0', 10 | backgroundColor: 'white', 11 | height: '2000px', 12 | scrollBehavior: 'smooth', 13 | }, 14 | }, 15 | }); 16 | 17 | export const App = () => { 18 | return ( 19 | <> 20 | 21 | 22 | 23 | 24 | 25 | 26 |