Adição dos projetos Logista e LetRun

jemluz · Mar 16, 2021 · 3f64cb0 · 3f64cb0
1 parent 5a6cbcf
commit 3f64cb0
Show file tree

Hide file tree

Showing 17 changed files with 409 additions and 1 deletion.
diff --git a/dist/css/app.88ef7895.css b/dist/css/app.88ef7895.css
diff --git a/dist/img/desktop.acf6921e.png b/dist/img/desktop.acf6921e.png
diff --git a/dist/img/desktop.c03377d8.png b/dist/img/desktop.c03377d8.png
diff --git a/dist/img/mobile.12243cdc.png b/dist/img/mobile.12243cdc.png
diff --git a/dist/img/mobile.36053aaf.png b/dist/img/mobile.36053aaf.png
diff --git a/dist/index.html b/dist/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><meta name=theme-color content=#472865><link href="https://fonts.googleapis.com/css?family=Comfortaa:300,500,700&display=swap" rel=stylesheet><link href="https://fonts.googleapis.com/css2?family=Khula:wght@300;400;700&display=swap" rel=stylesheet><script async src=//www.instagram.com/embed.js></script><title>meindexe</title><link href=/css/app.1898294f.css rel=preload as=style><link href=/css/chunk-vendors.756ec922.css rel=preload as=style><link href=/js/app.6db1eacb.js rel=preload as=script><link href=/js/chunk-vendors.d51ffcba.js rel=preload as=script><link href=/css/chunk-vendors.756ec922.css rel=stylesheet><link href=/css/app.1898294f.css rel=stylesheet></head><body><noscript><strong>We're sorry but vac doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.d51ffcba.js></script><script src=/js/app.6db1eacb.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><meta name=theme-color content=#472865><link href="https://fonts.googleapis.com/css?family=Comfortaa:300,500,700&display=swap" rel=stylesheet><link href="https://fonts.googleapis.com/css2?family=Khula:wght@300;400;700&display=swap" rel=stylesheet><script async src=//www.instagram.com/embed.js></script><title>meindexe</title><link href=/css/app.88ef7895.css rel=preload as=style><link href=/css/chunk-vendors.756ec922.css rel=preload as=style><link href=/js/app.1fe70157.js rel=preload as=script><link href=/js/chunk-vendors.d51ffcba.js rel=preload as=script><link href=/css/chunk-vendors.756ec922.css rel=stylesheet><link href=/css/app.88ef7895.css rel=stylesheet></head><body><noscript><strong>We're sorry but vac doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.d51ffcba.js></script><script src=/js/app.1fe70157.js></script></body></html>
diff --git a/dist/js/app.1fe70157.js b/dist/js/app.1fe70157.js
diff --git a/dist/js/app.1fe70157.js.map b/dist/js/app.1fe70157.js.map
diff --git a/proj/src/assets/letrun/desktop.png b/proj/src/assets/letrun/desktop.png
diff --git a/proj/src/assets/letrun/mobile.png b/proj/src/assets/letrun/mobile.png
diff --git a/proj/src/assets/lojista/desktop.png b/proj/src/assets/lojista/desktop.png
diff --git a/proj/src/assets/lojista/mobile.png b/proj/src/assets/lojista/mobile.png
diff --git a/proj/src/pt.json b/proj/src/pt.json
@@ -166,5 +166,23 @@
     "desc3": "A oficina de AdobeXD foi a primeira oficina técnica que eu fiz, ensinando a usar a ferramenta de criação de interfaces da Adobe."
 
   },
+  "lojista" : {
+    "metatitle": "meindexe | Logista",
+
+    "desc": "Esse foi um clone da interface de um dashboard do",
+    "descLink": "FixPay",
+    "desc2": "para aprofundar meus estudos em ",
+    "linkVue": "Vue.js",
+
+    "linkPreview": "Live Preview:"
+  },
+  "letRun" : {
+    "metatitle": "meindexe | LetRun",
+
+    "desc": "Esse aqui foi um projeto para entender um pouco mais sobre layouts de E-commerces.",
+    "desc2": "No desenvolvimento do letRun eu pude aprimorar meus conhecimentos em responsividade e gerenciamento de estado.",
+
+    "linkPreview": "Live Preview:"
+  },
   "backBtn": "Voltar p/ o início (←)"
 }
diff --git a/proj/src/router.js b/proj/src/router.js
@@ -15,6 +15,9 @@ import ProjBubbox from './views/ProjBubbox.vue'
 import ProjProdutividade from './views/ProjProdutividade.vue'
 
 import ProjGt from './views/ProjGt.vue'
+import ProjLojista from './views/ProjLojista.vue'
+import ProjLetRun from './views/ProjLetRun.vue'
+
 import ProjOficinas from './views/ProjOficinas.vue'
 
 Vue.use(Router)
@@ -42,6 +45,9 @@ export default new Router({
     { path: '/produtividade', name: 'produtividade', component: ProjProdutividade },
 
     { path: '/gt', name: 'gt', component: ProjGt },
+    { path: '/lojista', name: 'lojista', component: ProjLojista },
+    { path: '/letrun', name: 'letrun', component: ProjLetRun },
+
     { path: '/oficinas', name: 'oficinas', component: ProjOficinas }
   ]
 })
diff --git a/proj/src/views/Home.vue b/proj/src/views/Home.vue
@@ -21,8 +21,13 @@
 
       div.row-3(data-aos="fade-right" data-aos-duration="3000" )
         router-link(to='/gt') g
+        router-link(to='/lojista') l
+        router-link(to='/letrun') r
+
+      div.row-1(data-aos="fade-right" data-aos-duration="4000" )
         router-link(to='/oficinas') o
         router-link.empty(to='') -
+        router-link.empty(to='') -
 
     div.about(data-aos="fade-up" data-aos-duration="2000" data-aos-anchor-placement="bottom-bottom")
       router-link(to='/sobre') {{ lang.homePage.btn }}
@@ -71,6 +76,10 @@ export default {
         this.$router.push(({ path: '/gt'}))
       } else if (code == 80) {
         this.$router.push(({ path: '/produtividade'}))
+      }  else if (code == 76) {
+        this.$router.push(({ path: '/lojista'}))
+      }  else if (code == 82) {
+        this.$router.push(({ path: '/letrun'}))
       }
     },
     selectPT() {

diff --git a/proj/src/views/ProjLetRun.vue b/proj/src/views/ProjLetRun.vue
@@ -0,0 +1,186 @@
+<template lang="pug">
+  proj-template(
+    :nomeProj="lang.letRun.metatitle" 
+    date="set/2020" 
+    firstName="let" 
+    lastName="run" 
+    class="letrun" 
+    :ios="400" 
+    :and="100")
+
+    template(v-slot:content) 
+      div.content-mob#content-mob(data-aos="fade-up" data-aos-duration="500" )
+        p#contentmob-start {{ lang.letRun.desc }}
+        img(src="../assets/letrun/desktop.png")
+        p {{ lang.letRun.desc2 }}
+
+        p {{ lang.letRun.linkPreview }} #[br] #[a.redLink(href='https://clone-fxp.vercel.app/' target="_blank") https://logista.app/]
+
+        img(src="../assets/letrun/mobile.png")
+
+      div.content-desk#content-desk(data-aos="fade-up" data-aos-duration="500")
+        div.col-1#col-1
+          p#contentmob-start {{ lang.letRun.desc }}
+          p#contentmob-start {{ lang.letRun.desc2 }}
+
+          p {{ lang.letRun.linkPreview }} #[br] #[a.redLink(href='https://clone-fxp.vercel.app/' target="_blank") https://letrun.app/]
+
+          img(src="../assets/letrun/mobile.png")
+
+
+        div.col-2#col-2
+          img(src="../assets/letrun/desktop.png")
+
+</template>
+
+<script>
+import { mapState } from 'vuex';
+
+export default {
+  name: "ProjLojista",
+  computed: mapState(["lang"])
+};
+</script>
+
+<style lang="scss">
+@import "../styles/helpers/variables";
+
+.letrun {
+  .name {
+    h2 {
+      .first {
+        background-color: #ED1C24;
+      }
+
+      .second {
+        color: #ED1C24;
+      }
+    }
+  }
+
+  .redLink { color: #ED1C24; }
+  .linkVue { color: #39DF81; }
+}
+
+// mobile only
+@media only screen and (min-width: 901px) {
+  .letrun {
+    .content-mob { display: none; }
+  }
+}
+
+// MOBILE
+@media only screen and (max-width: 900px) {
+  .letrun {
+    .content-mob {
+      width: 89vw;
+      margin-left: 40px;
+      padding: 0px 70px 0px 50px;
+
+      img { 
+        margin-top: 20px;
+        max-width: 200px;
+      }
+
+      p {
+        max-width: 200px;
+        margin-top: 20px;
+        margin-left: 5px;
+      }
+
+      .result {
+        margin: 40px 0px 0px -40px;
+        padding: 15px 40px;
+
+        p { margin: 0px 0px 5px 0px;}
+      } 
+    }
+
+    .content-desk { display: none; }
+  }
+}
+
+// DESKTOP
+@media only screen and (min-width: 901px) and (max-width: 2499px) {
+ .letrun {
+    .content-desk { 
+      margin-top: 160px;
+      padding: 0px 20px 0px 40px;
+      width: 99vw;
+
+      div {
+        text-align: left;
+
+        img { max-width: 30vw; }
+
+        p {
+          max-width: 27vw;
+          font-size: 1rem;
+          margin: 20px 0px;
+
+          strong { color: $roxo;}
+        }
+      }
+
+      .col-2 {
+        p {padding-left: 20px;}
+        margin-left: 40px;
+
+        img { max-width: 40vw; }
+      }
+
+      .result{
+        margin-top: 40px;
+        border-radius: 10px;
+        padding: 15px 40px;
+        max-width: 300px;
+
+        p { 
+          color: #fff;
+          font-size: 1.1rem;
+          margin: 0px 0px 5px 0px;
+          padding: 0px;
+        }
+
+        a { 
+          font-size: .9rem;
+          font-weight: 300;
+        }
+      }
+    }
+  }
+}
+
+// WIDE
+@media only screen and (min-width: 2500px) {
+  .letrun {
+    .content-desk { 
+      margin-top: 160px;
+      padding: 0px 20px 0px 40px;
+
+      div {
+        text-align: left;
+
+        img { max-width: 10vw; }
+
+        p {
+          max-width: 10vw;
+          font-size: 1rem;
+          margin: 20px 0px;
+
+          strong { color: $roxo;}
+        }
+      }
+
+      .col-2,
+      .col-3 {
+        margin-left: 80px;
+      }
+
+      .col-3 img {
+        box-shadow: none;
+      }
+    }
+  }
+}
+</style>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><meta name=theme-color content=#472865><link href="https://fonts.googleapis.com/css?family=Comfortaa:300,500,700&display=swap" rel=stylesheet><link href="https://fonts.googleapis.com/css2?family=Khula:wght@300;400;700&display=swap" rel=stylesheet><script async src=//www.instagram.com/embed.js></script><title>meindexe</title><link href=/css/app.1898294f.css rel=preload as=style><link href=/css/chunk-vendors.756ec922.css rel=preload as=style><link href=/js/app.6db1eacb.js rel=preload as=script><link href=/js/chunk-vendors.d51ffcba.js rel=preload as=script><link href=/css/chunk-vendors.756ec922.css rel=stylesheet><link href=/css/app.1898294f.css rel=stylesheet></head><body><noscript><strong>We're sorry but vac doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.d51ffcba.js></script><script src=/js/app.6db1eacb.js></script></body></html>
		<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><meta name=theme-color content=#472865><link href="https://fonts.googleapis.com/css?family=Comfortaa:300,500,700&display=swap" rel=stylesheet><link href="https://fonts.googleapis.com/css2?family=Khula:wght@300;400;700&display=swap" rel=stylesheet><script async src=//www.instagram.com/embed.js></script><title>meindexe</title><link href=/css/app.88ef7895.css rel=preload as=style><link href=/css/chunk-vendors.756ec922.css rel=preload as=style><link href=/js/app.1fe70157.js rel=preload as=script><link href=/js/chunk-vendors.d51ffcba.js rel=preload as=script><link href=/css/chunk-vendors.756ec922.css rel=stylesheet><link href=/css/app.88ef7895.css rel=stylesheet></head><body><noscript><strong>We're sorry but vac doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.d51ffcba.js></script><script src=/js/app.1fe70157.js></script></body></html>