init

rudnik275 · Jan 21, 2024 · ff37714 · ff37714
commit ff37714
Show file tree

Hide file tree

Showing 26 changed files with 2,694 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+.vite-ssg-temp
+dist
+yarn-error.log
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/adel-grooming.iml b/.idea/adel-grooming.iml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/index.html b/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!--  SEO Descrion-->
+  <!--  <meta-->
+  <!--    name="description"-->
+  <!--    content=""-->
+  <!--  >-->
+
+  <!-- Google font -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Inter:wght@400;600&display=swap"
+        rel="stylesheet">
+
+  <!-- Favicon -->
+  <link rel="icon" href="/public/favicon/favicon.ico" sizes="any"/>
+  <link rel="icon" href="/public/favicon/favicon.svg" type="image/svg+xml">
+  <link rel="apple-touch-icon" href="/public/favicon/favicon-180.png">
+
+  <title>Adel grooming</title>
+</head>
+<body>
+<div id="app"></div>
+<script type="module" src="./src/main.ts"></script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,27 @@
+{
+  "type": "module",
+  "version": "1.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite-ssg build",
+    "serve": "vite preview"
+  },
+  "dependencies": {
+    "@vueuse/core": "^10.4.1",
+    "postcss-nesting": "^12.0.1",
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.4"
+  },
+  "devDependencies": {
+    "@types/node": "^20.5.7",
+    "@vitejs/plugin-vue": "^4.3.3",
+    "node-html-parser": "^6.1.6",
+    "sharp": "^0.32.5",
+    "svgo": "^3.0.2",
+    "typescript": "^5.2.2",
+    "unplugin-vue-router": "^0.7.0",
+    "vite": "^4.4.9",
+    "vite-plugin-image-optimizer": "^1.1.7",
+    "vite-ssg": "^0.23.1"
+  }
+}
diff --git a/public/favicon/favicon-180.png b/public/favicon/favicon-180.png
diff --git a/public/favicon/favicon.ico b/public/favicon/favicon.ico
diff --git a/public/favicon/favicon.svg b/public/favicon/favicon.svg
diff --git a/src/App.vue b/src/App.vue
@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <RouterView/>
+</template>
+
+<style>
+</style>
diff --git a/src/main.ts b/src/main.ts
@@ -0,0 +1,28 @@
+import './style/index.css'
+import {ViteSSG} from 'vite-ssg'
+import App from './App.vue'
+import UiKit from './ui-kit'
+import {routes} from 'vue-router/auto/routes'
+
+export const createApp = ViteSSG(
+  App,
+  {
+    routes,
+  },
+  ({app, router}) => {
+    router.options.scrollBehavior = (to) => {
+      if (to.hash) {
+        return {
+          top: 100,
+          behavior: 'smooth',
+          el: to.hash
+        }
+      }
+      return {
+        behavior: 'smooth',
+        top: 0
+      }
+    }
+    app.use(UiKit)
+  }
+)
diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -0,0 +1,10 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  main page!
+</template>
+
+<style>
+</style>
diff --git a/src/style/index.css b/src/style/index.css
@@ -0,0 +1,2 @@
+@import "reset.css";
+@import "main.css";
diff --git a/src/style/main.css b/src/style/main.css
@@ -0,0 +1,62 @@
+:root {
+  --text-black: #080B11;
+  --text-gray: #767B87;
+  --text-white: #fff;
+  --text-disabled: #9a9fab;
+  --surface-white: #fff;
+  --surface-light: #F5F8FF;
+  --primary: #011FBB;
+  --primary-light: #4461F8;
+  --primary-surface-light: #e2e7fd;
+  --primary-dark-blue: #011FBB;
+  --secondary: #01A6C7;
+  --border: #D3D5DB;
+}
+
+html {
+  font-size: 10px;
+  color: var(--text-black);
+
+  @media (max-width: 960px) {
+    font-size: 9px;
+  }
+
+  @media (max-width: 768px) {
+    font-size: 10px;
+  }
+}
+
+body {
+  font-size: 1.4rem;
+  line-height: 1.4;
+  font-family: 'Sora', sans-serif;
+}
+
+.container {
+  max-width: 118rem;
+  padding: 0 2rem;
+  margin: auto;
+}
+
+.gradient-text {
+  background: -webkit-linear-gradient(left, #011FBB, #4C69FF, #01A6C7);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.first-screen-background {
+  background: url("../assets/background-logo.svg") right -9rem top -9rem no-repeat, linear-gradient(315deg, #01A6C7 0%, #4D88FF 22.34%, #011FBB 86.93%);
+}
+
+@media (max-width: 768px) {
+  .desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .mobile {
+    display: none !important;
+  }
+}
+
diff --git a/src/style/reset.css b/src/style/reset.css
@@ -0,0 +1,80 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+blockquote, q {
+  &:before,
+  &:after {
+    content: none;
+  }
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+button {
+  padding: 0;
+  background: none;
+  border: none;
+}
+
+ul {
+  margin-left: 2rem;
+}
+
+button, input, textarea {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+  line-height: inherit;
+}
+
+img {
+  display: block;
+  max-width: 100%;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: inherit;
+}