-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3861bae
commit 57bca65
Showing
15 changed files
with
2,153 additions
and
2,832 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| dist/ | ||
| node_modules/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| { | ||
| "semi": true, | ||
| "tabWidth": 2, | ||
| "printWidth": 100, | ||
| "singleQuote": false, | ||
| "trailingComma": "none" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1,31 @@ | ||
| # demiray-dev | ||
| # demiray.dev | ||
|
|
||
| demiray.dev source codes | ||
|
|
||
| ## Project setup | ||
|
|
||
| ``` | ||
| yarn install | ||
| ``` | ||
|
|
||
| ### Compiles and hot-reloads for development | ||
|
|
||
| ``` | ||
| yarn serve | ||
| ``` | ||
|
|
||
| ### Compiles and minifies for production | ||
|
|
||
| ``` | ||
| yarn build | ||
| ``` | ||
|
|
||
| ### Lints and fixes files | ||
|
|
||
| ``` | ||
| yarn lint | ||
| ``` | ||
|
|
||
| ### Customize configuration | ||
|
|
||
| See [Configuration Reference](https://cli.vuejs.org/config/). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| module.exports = { | ||
| plugins: { | ||
| tailwindcss: {}, | ||
| autoprefixer: {}, | ||
| }, | ||
| } |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,28 +1,20 @@ | ||
| <template> | ||
| <div id="app"> | ||
| <img alt="Vue logo" src="./assets/logo.png"> | ||
| <HelloWorld msg="Welcome to Your Vue.js App"/> | ||
| <div className="bg-demiray h-screen flex w-screen justify-center"> | ||
| <div className="color-d-f justify-center text-center pt-12 text-2xl font-bold"> | ||
| <Construction msg="This site is under construction" /> | ||
| </div> | ||
| <footer className="absolute color-d-f self-end pb-4"> | ||
| Copyright © Arif Burak DEMIRAY 2021 | ||
| </footer> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| import HelloWorld from './components/HelloWorld.vue' | ||
| import Construction from "./components/Construction.vue"; | ||
| export default { | ||
| name: 'App', | ||
| name: "App", | ||
| components: { | ||
| HelloWorld | ||
| Construction | ||
| } | ||
| } | ||
| }; | ||
| </script> | ||
|
|
||
| <style> | ||
| #app { | ||
| font-family: Avenir, Helvetica, Arial, sans-serif; | ||
| -webkit-font-smoothing: antialiased; | ||
| -moz-osx-font-smoothing: grayscale; | ||
| text-align: center; | ||
| color: #2c3e50; | ||
| margin-top: 60px; | ||
| } | ||
| </style> |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,106 @@ | ||
| <template> | ||
| <div class="Construction"> | ||
| <h1>{{ msg }}</h1> | ||
| <div class="fingerprint-spinner overflow-hidden p-2 w-32 h-32"> | ||
| <div class="spinner-ring"></div> | ||
| <div class="spinner-ring"></div> | ||
| <div class="spinner-ring"></div> | ||
| <div class="spinner-ring"></div> | ||
| <div class="spinner-ring"></div> | ||
| <div class="spinner-ring"></div> | ||
| <div class="spinner-ring"></div> | ||
| <div class="spinner-ring"></div> | ||
| <div class="spinner-ring"></div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| export default { | ||
| name: "Construction", | ||
| props: { | ||
| msg: String | ||
| } | ||
| }; | ||
| </script> | ||
|
|
||
| <style scoped> | ||
| .fingerprint-spinner, | ||
| .fingerprint-spinner * { | ||
| box-sizing: border-box; | ||
| } | ||
| .fingerprint-spinner .spinner-ring { | ||
| position: absolute; | ||
| border-radius: 75%; | ||
| border: 2px solid transparent; | ||
| border-top-color: #2ad57e; | ||
| animation: fingerprint-spinner-animation 2000ms cubic-bezier(0.99, -1.01, 0.99, 0.05) infinite | ||
| forwards; | ||
| margin: auto; | ||
| bottom: 0; | ||
| left: 0; | ||
| right: 0; | ||
| top: 0; | ||
| } | ||
| .fingerprint-spinner .spinner-ring:nth-child(1) { | ||
| height: calc(128px / 9 + 0 * 128px / 9); | ||
| width: calc(128px / 9 + 0 * 128px / 9); | ||
| animation-delay: calc(50ms * 1); | ||
| } | ||
| .fingerprint-spinner .spinner-ring:nth-child(2) { | ||
| height: calc(128px / 9 + 1 * 128px / 9); | ||
| width: calc(128px / 9 + 1 * 128px / 9); | ||
| animation-delay: calc(50ms * 2); | ||
| } | ||
| .fingerprint-spinner .spinner-ring:nth-child(3) { | ||
| height: calc(128px / 9 + 2 * 128px / 9); | ||
| width: calc(128px / 9 + 2 * 128px / 9); | ||
| animation-delay: calc(50ms * 3); | ||
| } | ||
| .fingerprint-spinner .spinner-ring:nth-child(4) { | ||
| height: calc(128px / 9 + 3 * 128px / 9); | ||
| width: calc(128px / 9 + 3 * 128px / 9); | ||
| animation-delay: calc(50ms * 4); | ||
| } | ||
| .fingerprint-spinner .spinner-ring:nth-child(5) { | ||
| height: calc(128px / 9 + 4 * 128px / 9); | ||
| width: calc(128px / 9 + 4 * 128px / 9); | ||
| animation-delay: calc(50ms * 5); | ||
| } | ||
| .fingerprint-spinner .spinner-ring:nth-child(6) { | ||
| height: calc(128px / 9 + 5 * 128px / 9); | ||
| width: calc(128px / 9 + 5 * 128px / 9); | ||
| animation-delay: calc(50ms * 6); | ||
| } | ||
| .fingerprint-spinner .spinner-ring:nth-child(7) { | ||
| height: calc(128px / 9 + 6 * 128px / 9); | ||
| width: calc(128px / 9 + 6 * 128px / 9); | ||
| animation-delay: calc(50ms * 7); | ||
| } | ||
| .fingerprint-spinner .spinner-ring:nth-child(8) { | ||
| height: calc(128px / 9 + 7 * 128px / 9); | ||
| width: calc(128px / 9 + 7 * 128px / 9); | ||
| animation-delay: calc(50ms * 8); | ||
| } | ||
| .fingerprint-spinner .spinner-ring:nth-child(9) { | ||
| height: calc(128px / 9 + 8 * 128px / 9); | ||
| width: calc(128px / 9 + 8 * 128px / 9); | ||
| animation-delay: calc(50ms * 9); | ||
| } | ||
| @keyframes fingerprint-spinner-animation { | ||
| 100% { | ||
| transform: rotate(3128deg); | ||
| } | ||
| } | ||
| </style> |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| /* ./src/index.css */ | ||
| @tailwind base; | ||
| @tailwind components; | ||
| @tailwind utilities; | ||
|
|
||
| :root { | ||
| --demiray-background: #062020; | ||
| --demiray-color-one: #2ad5d4; | ||
| --demiray-color-two: #2ad57e; | ||
| --demiray-color-three: #2ad5d4; | ||
| } | ||
|
|
||
| select { | ||
| display: inline-block; | ||
| font: inherit; | ||
| margin: 0; | ||
| -webkit-box-sizing: border-box; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| -webkit-appearance: none; | ||
| -moz-appearance: none; | ||
|
|
||
| background-image: linear-gradient(45deg, transparent 50%, gray 50%), | ||
| linear-gradient(135deg, gray 50%, transparent 50%); | ||
| background-position: calc(100% - 20px) 0.75rem, calc(100% - 15px) 0.75rem; | ||
| background-size: 5px 5px, 5px 5px; | ||
| background-repeat: no-repeat; | ||
| } | ||
|
|
||
| select:focus { | ||
| background-image: linear-gradient(45deg, gray 50%, transparent 50%), | ||
| linear-gradient(135deg, transparent 50%, gray 50%); | ||
| background-position: calc(100% - 15px) 0.75rem, calc(100% - 20px) 0.75rem; | ||
| background-size: 5px 5px, 5px 5px; | ||
| background-repeat: no-repeat; | ||
| outline: 0; | ||
| } | ||
|
|
||
| select:-moz-focusring { | ||
| color: transparent; | ||
| text-shadow: 0 0 0 #000; | ||
| } | ||
|
|
||
| @variants hover, focus { | ||
| .bg-demiray { | ||
| background-color: var(--demiray-background); | ||
| } | ||
| .color-d-f { | ||
| color: var(--demiray-color-one); | ||
| } | ||
| .color-d-s { | ||
| color: var(--demiray-color-two); | ||
| } | ||
| .color-d-t { | ||
| color: var(--demiray-color-three); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,4 @@ | ||
| import Vue from 'vue' | ||
| import { createApp } from 'vue' | ||
| import App from './App.vue' | ||
|
|
||
| Vue.config.productionTip = false | ||
|
|
||
| new Vue({ | ||
| render: h => h(App), | ||
| }).$mount('#app') | ||
| import './index.css' | ||
| createApp(App).mount('#app') |
Oops, something went wrong.