feat(project): basic settings, styles, fonts

2026-03-20 02:44:40 +00:00 · 2022-11-05 06:16:08 +07:00
parent c3bf083071
commit b7eddbc891
54 changed files with 191 additions and 21 deletions
--- a/src/app.vue
+++ b/src/app.vue
@@ -0,0 +1,3 @@
+<template>
+  <NuxtPage/>
+</template>
--- a/src/assets/fonts/formular/Formular-Black.eot
+++ b/src/assets/fonts/formular/Formular-Black.eot
--- a/src/assets/fonts/formular/Formular-Black.ttf
+++ b/src/assets/fonts/formular/Formular-Black.ttf
--- a/src/assets/fonts/formular/Formular-Black.woff
+++ b/src/assets/fonts/formular/Formular-Black.woff
--- a/src/assets/fonts/formular/Formular-Black.woff2
+++ b/src/assets/fonts/formular/Formular-Black.woff2
--- a/src/assets/fonts/formular/Formular-BlackItalic.eot
+++ b/src/assets/fonts/formular/Formular-BlackItalic.eot
--- a/src/assets/fonts/formular/Formular-BlackItalic.ttf
+++ b/src/assets/fonts/formular/Formular-BlackItalic.ttf
--- a/src/assets/fonts/formular/Formular-BlackItalic.woff
+++ b/src/assets/fonts/formular/Formular-BlackItalic.woff
--- a/src/assets/fonts/formular/Formular-BlackItalic.woff2
+++ b/src/assets/fonts/formular/Formular-BlackItalic.woff2
--- a/src/assets/fonts/formular/Formular-Bold.eot
+++ b/src/assets/fonts/formular/Formular-Bold.eot
--- a/src/assets/fonts/formular/Formular-Bold.ttf
+++ b/src/assets/fonts/formular/Formular-Bold.ttf
--- a/src/assets/fonts/formular/Formular-Bold.woff
+++ b/src/assets/fonts/formular/Formular-Bold.woff
--- a/src/assets/fonts/formular/Formular-Bold.woff2
+++ b/src/assets/fonts/formular/Formular-Bold.woff2
--- a/src/assets/fonts/formular/Formular-BoldItalic.eot
+++ b/src/assets/fonts/formular/Formular-BoldItalic.eot
--- a/src/assets/fonts/formular/Formular-BoldItalic.ttf
+++ b/src/assets/fonts/formular/Formular-BoldItalic.ttf
--- a/src/assets/fonts/formular/Formular-BoldItalic.woff
+++ b/src/assets/fonts/formular/Formular-BoldItalic.woff
--- a/src/assets/fonts/formular/Formular-BoldItalic.woff2
+++ b/src/assets/fonts/formular/Formular-BoldItalic.woff2
--- a/src/assets/fonts/formular/Formular-Light.eot
+++ b/src/assets/fonts/formular/Formular-Light.eot
--- a/src/assets/fonts/formular/Formular-Light.ttf
+++ b/src/assets/fonts/formular/Formular-Light.ttf
--- a/src/assets/fonts/formular/Formular-Light.woff
+++ b/src/assets/fonts/formular/Formular-Light.woff
--- a/src/assets/fonts/formular/Formular-Light.woff2
+++ b/src/assets/fonts/formular/Formular-Light.woff2
--- a/src/assets/fonts/formular/Formular-LightItalic.eot
+++ b/src/assets/fonts/formular/Formular-LightItalic.eot
--- a/src/assets/fonts/formular/Formular-LightItalic.ttf
+++ b/src/assets/fonts/formular/Formular-LightItalic.ttf
--- a/src/assets/fonts/formular/Formular-LightItalic.woff
+++ b/src/assets/fonts/formular/Formular-LightItalic.woff
--- a/src/assets/fonts/formular/Formular-LightItalic.woff2
+++ b/src/assets/fonts/formular/Formular-LightItalic.woff2
--- a/src/assets/fonts/formular/Formular-Medium.eot
+++ b/src/assets/fonts/formular/Formular-Medium.eot
--- a/src/assets/fonts/formular/Formular-Medium.ttf
+++ b/src/assets/fonts/formular/Formular-Medium.ttf
--- a/src/assets/fonts/formular/Formular-Medium.woff
+++ b/src/assets/fonts/formular/Formular-Medium.woff
--- a/src/assets/fonts/formular/Formular-Medium.woff2
+++ b/src/assets/fonts/formular/Formular-Medium.woff2
--- a/src/assets/fonts/formular/Formular-MediumItalic.eot
+++ b/src/assets/fonts/formular/Formular-MediumItalic.eot
--- a/src/assets/fonts/formular/Formular-MediumItalic.ttf
+++ b/src/assets/fonts/formular/Formular-MediumItalic.ttf
--- a/src/assets/fonts/formular/Formular-MediumItalic.woff
+++ b/src/assets/fonts/formular/Formular-MediumItalic.woff
--- a/src/assets/fonts/formular/Formular-MediumItalic.woff2
+++ b/src/assets/fonts/formular/Formular-MediumItalic.woff2
--- a/src/assets/fonts/formular/Formular-Regular.eot
+++ b/src/assets/fonts/formular/Formular-Regular.eot
--- a/src/assets/fonts/formular/Formular-Regular.ttf
+++ b/src/assets/fonts/formular/Formular-Regular.ttf
--- a/src/assets/fonts/formular/Formular-Regular.woff
+++ b/src/assets/fonts/formular/Formular-Regular.woff
--- a/src/assets/fonts/formular/Formular-Regular.woff2
+++ b/src/assets/fonts/formular/Formular-Regular.woff2
--- a/src/assets/fonts/formular/Formular-RegularItalic.eot
+++ b/src/assets/fonts/formular/Formular-RegularItalic.eot
--- a/src/assets/fonts/formular/Formular-RegularItalic.ttf
+++ b/src/assets/fonts/formular/Formular-RegularItalic.ttf
--- a/src/assets/fonts/formular/Formular-RegularItalic.woff
+++ b/src/assets/fonts/formular/Formular-RegularItalic.woff
--- a/src/assets/fonts/formular/Formular-RegularItalic.woff2
+++ b/src/assets/fonts/formular/Formular-RegularItalic.woff2
--- a/src/assets/styles/_fonts.scss
+++ b/src/assets/styles/_fonts.scss
@@ -0,0 +1,41 @@
+@mixin MakeFont($font-family, $fonts, $base-font-path: '') {
+  @each $font, $weight in $fonts {
+    $font-with-dash: #{$font-family}-#{$font};
+    $font-with-space: #{$font-family} #{$font};
+    $font-with-path: #{$base-font-path}/#{$font-with-dash};
+
+    @font-face {
+      font-family: $font-family;
+      src: url('#{$font-with-path}.eot');
+      src: local('#{$font-with-dash}'), local('#{$font-with-space}'),
+      url('#{$font-with-path}.eot?#iefix') format('embedded-opentype'),
+      url('#{$font-with-path}.woff2') format('woff2'),
+      url('#{$font-with-path}.woff') format('woff'),
+      url('#{$font-with-path}.ttf') format('truetype');
+      font-weight: $weight;
+      font-style: normal;
+    }
+
+    @font-face {
+      font-family: $font-family;
+      src: url('#{$font-with-path}Italic.eot');
+      src: local('#{$font-with-dash}Italic'), local('#{$font-with-space} Italic'),
+      url('#{$font-with-path}Italic.eot?#iefix') format('embedded-opentype'),
+      url('#{$font-with-path}Italic.woff2') format('woff2'),
+      url('#{$font-with-path}Italic.woff') format('woff'),
+      url('#{$font-with-path}Italic.ttf') format('truetype');
+      font-weight: $weight;
+      font-style: italic;
+    }
+  }
+}
+
+$fonts: (
+  Light: 300,
+  Regular: 400,
+  Medium: 500,
+  Bold: 600,
+  Black: 700,
+);
+
+@include MakeFont('Formular', $fonts, '@/assets/fonts/formular');
--- a/src/assets/styles/_reset.scss
+++ b/src/assets/styles/_reset.scss
@@ -0,0 +1,3 @@
+body {
+  margin: 0;
+}
--- a/src/assets/styles/_variables.scss
+++ b/src/assets/styles/_variables.scss
@@ -0,0 +1,4 @@
+:root {
+  --background-color-primary: #f3f3f3;
+  --font-color-primary: #3d3d3d;
+}
--- a/src/assets/styles/main.scss
+++ b/src/assets/styles/main.scss
@@ -0,0 +1,14 @@
+@import 'reset';
+@import 'variables';
+@import 'fonts';
+
+html, body, #__nuxt {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  background-color: var(--background-color-primary);
+  color: var(--font-color-primary);
+  font-family: Formular, Helvetica, Arial, sans-serif;
+}
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <Head>
+      <Title>Главная</Title>
+    </Head>
+    <h1>Hello, Nuxt ✌</h1>
+  </div>
+</template>
+
+<style scoped>
+div {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>
--- a/src/public/favicon.svg
+++ b/src/public/favicon.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="256px" height="172px" viewBox="0 0 256 172" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <title>NuxtJS</title>
+    <g>
+				<path d="M112.973416,9.2496789 C105.800602,-3.0832263 87.8689954,-3.0832263 80.6961815,9.2496789 L2.52446046,143.659628 C-4.64826776,155.992961 4.3176211,171.408985 18.6631204,171.408985 L79.688321,171.408985 C73.5584906,166.051862 71.2883417,156.784087 75.9271555,148.832569 L135.130926,47.3479175 L112.973416,9.2496789 Z" fill="#80EEC0"></path>
+				<path d="M162.504638,38.7329166 C168.440863,28.6423189 183.280784,28.6423189 189.217009,38.7329166 L253.910685,148.704498 C259.84691,158.795096 252.42695,171.408557 240.554499,171.408557 L111.167148,171.408557 C99.295126,171.408557 91.8747374,158.795096 97.8109626,148.704498 L162.504638,38.7329166 Z" fill="#00DC82"></path>
+		</g>
+</svg>
--- a/src/public/robots.txt
+++ b/src/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /