diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b45598a --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules/ +.nuxt/ diff --git a/assets/css/main.css b/assets/css/main.css index 4e0cbf2..61104cd 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2,22 +2,25 @@ @tailwind components; @tailwind utilities; @font-face { - font-family: 'Iransans'; - src: url('/public/fonts/IRANSansWebFaNum.woff2'); + font-family: "Iransans"; + src: url("/public/fonts/IRANSansWebFaNum.woff2"); } -body{ +html{ + overflow-x: hidden; +} +body { direction: rtl; - font-family: 'Iransans'; - background-color: #FAF6F9; + font-family: "Iransans"; + background-color: #faf6f9; max-width: 100vw; overflow-x: hidden !important; } -.animate{ - -webkit-animation:spin 0.5s linear infinite; - -moz-animation:spin 0.5s linear infinite; - animation:spin 0.3s linear infinite; +.animate { + -webkit-animation: spin 0.5s linear infinite; + -moz-animation: spin 0.5s linear infinite; + animation: spin 0.3s linear infinite; } -.line2{ +.line2 { stroke: black; } .header { @@ -28,14 +31,155 @@ body{ background-size: cover; } -@media (min-width: 1024px) { - .header{ +@media (min-width: 1024px) { + .header { background-position: center; } - } -.test{ - background-image: linear-gradient(to bottom, rgba(255,255,255,0), #FAF6F9 70%); +} +.test { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #faf6f9 70%); width: 100%; height: 150px; margin-top: -130px; +} +.fade { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 70%); + width: 100%; + height: 150px; + margin-top: -130px; +} + +.imgWrap { + position: relative; + margin: 0% auto; + padding-bottom: 39%; +} +.ourStory{ + background-image: url('/public/images/aboutBg.jpg'); +background-repeat: no-repeat; +background-size: 100% 155%; +background-position-y: -10vw; + +} +@media (max-width: 768px) { + .ourStory{ + background-image: url('/public/images/aboutBg.jpg'); + background-repeat: no-repeat; + background-size: 180% 155%; + background-position-x: -35vw; + + } + .imgWrap { + padding-bottom: 5vw !important; + } + .imgWrap > div { + position: absolute; + top: 0; + width: 44% !important; + height: 58vw !important; + float: left; + background-image: url("/public/images/aboutBg.jpg"); + background-size: auto 190%; + object-fit: cover; + background-position: center; + justify-content: center; + justify-items: center; + margin-top: 5vw !important; + + /* background-repeat: no-repeat; */ + } + .imgWrap .two { + left: -22% !important; + background-position: 18% 50%; + } + .imgWrap .three { + left: 26% !important; + background-position: 50% 50%; + } + .imgWrap .four { + left: 74% !important; + background-position: 85% 50%; + } + } + .imgWrap > div { + position: absolute; + top: 0; + width: 23%; + height: 92%; + float: left; + background-image: url("/public/images/aboutBg.jpg"); + background-size: auto 190%; + object-fit: cover; + background-position: center; + justify-content: center; + justify-items: center; + margin-top: 5vw; + /* background-repeat: no-repeat; */ +} + +.imgWrap > div > div { + height: 99.7%; + width: 99.3%; + border-color: white; +} +.imgWrap .one { + left: -11.5%; + background-position: -13% 50%; +} +.imgWrap .two { + left: 13.5%; + background-position: 18% 50%; +} +.imgWrap .three { + left: 38.5%; + background-position: 50% 50%; +} +.imgWrap .four { + left: 63.5%; + background-position: 85% 50%; +} +.imgWrap .five { + left: 89.5%; + background-position: 111% 50%; +} +.imgWrap .left { + left: 0; + background-position: 3% 0; +} +.imgWrap .center { + left: 34.83%; + background-position: -97% 0; +} +.imgWrap .right { + left: 69.66%; + background-position: -197% 0; +} +.imgWrap > div:before { + content: ""; + position: absolute; + top: 0; + right: 100%; + width: 10%; + height: 100%; + background: inherit; + transform-origin: 100% 50%; + transform: rotateY(-90deg); +} + +.imgWrap .left:before { + background-position: 0% 0; +} +.imgWrap .center:before { + background-position: -1001.3% 0; +} +.imgWrap .right:before { + background-position: -2001.4% 0; +} + +.contact{ + background-image: url('/public/images/aboutBg.jpg'); + background-image: url('/public/images/aboutBg.jpg'); +background-repeat: no-repeat; +background-size: 100% 185%; +background-position-y: -16vw; } \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index dae2d5f..0e92b1a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "hasInstallScript": true, "dependencies": { "gsap": "^3.12.5", + "leaflet": "^1.9.4", "nuxt": "^3.11.2", "vue": "^3.4.21", "vue-router": "^4.3.0" @@ -6846,6 +6847,11 @@ "safe-buffer": "~5.1.0" } }, + "node_modules/leaflet": { + "version": "1.9.4", + "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz", + "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==" + }, "node_modules/lilconfig": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.1.tgz", diff --git a/package.json b/package.json index e5fcf02..6e05f2f 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ }, "dependencies": { "gsap": "^3.12.5", + "leaflet": "^1.9.4", "nuxt": "^3.11.2", "vue": "^3.4.21", "vue-router": "^4.3.0" diff --git a/pages/about.vue b/pages/about.vue new file mode 100644 index 0000000..4bfb707 --- /dev/null +++ b/pages/about.vue @@ -0,0 +1,443 @@ + + + \ No newline at end of file diff --git a/pages/honor.vue b/pages/honor.vue new file mode 100644 index 0000000..9fdf693 --- /dev/null +++ b/pages/honor.vue @@ -0,0 +1,239 @@ + \ No newline at end of file diff --git a/plugins/leaflet.client.js b/plugins/leaflet.client.js new file mode 100644 index 0000000..b2ad26e --- /dev/null +++ b/plugins/leaflet.client.js @@ -0,0 +1,7 @@ +import leaflet from 'leaflet/dist/leaflet.js' +import 'leaflet/dist/leaflet.css'; + + +export default defineNuxtPlugin(nuxtApp => { + return nuxtApp.provide('leaflet', leaflet) +}) \ No newline at end of file diff --git a/public/images/aboutBg.jpg b/public/images/aboutBg.jpg new file mode 100644 index 0000000..4c8bf9a Binary files /dev/null and b/public/images/aboutBg.jpg differ diff --git a/public/images/bgg.jpg b/public/images/bgg.jpg new file mode 100644 index 0000000..1309742 Binary files /dev/null and b/public/images/bgg.jpg differ diff --git a/public/images/honor.jpg b/public/images/honor.jpg new file mode 100644 index 0000000..6f8930f Binary files /dev/null and b/public/images/honor.jpg differ diff --git a/public/map/marker-icon.png b/public/map/marker-icon.png new file mode 100644 index 0000000..950edf2 Binary files /dev/null and b/public/map/marker-icon.png differ diff --git a/public/map/marker-shadow.png b/public/map/marker-shadow.png new file mode 100644 index 0000000..9fd2979 Binary files /dev/null and b/public/map/marker-shadow.png differ