My older first portfolio website
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

some more minor cosmetic adjustments

+14 -20
-2
src/App.vue
··· 29 29 --main-text: #edf2f7; 30 30 --links: #a0aec0; 31 31 --links-hover: #2c5282; 32 - --text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.65), 33 - -3px -3px 3px rgba(0, 0, 0, 0.65); 34 32 } 35 33 36 34 body {
+9 -5
src/components/Footer.vue
··· 1 1 <template> 2 2 <div> 3 3 <div 4 - class="w-1/2 text-center bg-gray-400 border-blue-300 border rounded-md p-4 mx-auto my-4" 4 + class="w-1/3 text-center bg-gray-300 border-blue-300 border rounded-md p-2 mx-auto my-4" 5 5 > 6 6 <a 7 7 href="https://github.com/rogerio-romao" 8 8 target="_blank" 9 - class="text-xl p-3 m-3 hover:text-blue-500" 9 + class="text-xl m-2 hover:text-blue-500" 10 10 > 11 11 GitHub 12 12 <FontAwesomeIcon :icon="['fab', 'github-square']" /> ··· 14 14 <a 15 15 href="https://codepen.io/rogerio-romao" 16 16 target="_blank" 17 - class="text-xl p-3 m-3 hover:text-blue-500" 17 + class="text-xl m-2 hover:text-blue-500" 18 18 > 19 19 CodePen 20 20 <FontAwesomeIcon :icon="['fab', 'codepen']" /> 21 21 </a> 22 22 </div> 23 23 <footer> 24 - <small class="text-red-800">Coded by Rogerio Romao 2020 </small> 24 + <small class="text-red-800 ml-4 mb-4">Coded by Rogerio Romao 2020 </small> 25 25 </footer> 26 26 </div> 27 27 </template> ··· 42 42 }; 43 43 </script> 44 44 45 - <style></style> 45 + <style> 46 + a { 47 + display: inline-block; 48 + } 49 + </style>
+3 -5
src/components/Portfolio.vue
··· 1 1 <template> 2 2 <div class="px-6 mx-auto folio"> 3 3 <div 4 - class="border border-red-600 theme-bg text-gray-200 w-full h-full p-4 flex-col mx-auto" 4 + class="border border-red-600 theme-bg w-full h-full p-4 flex-col mx-auto" 5 5 > 6 6 <div class="w-full flex items-center mx-auto border-b pb-2"> 7 7 <h3 class="text-md font-semibold uppercase">Project Type:</h3> ··· 19 19 {{ technology }} 20 20 </span> 21 21 </div> 22 - <div 23 - class="w-full flex mt-3 text-gray-200 items-center border-b pb-2 flex-wrap" 24 - > 22 + <div class="w-full flex mt-3 items-center border-b pb-2 flex-wrap"> 25 23 <h3 class="text-md font-semibold uppercase">Project name:</h3> 26 24 <transition mode="out-in" name="fade"> 27 25 <span ··· 35 33 </span> 36 34 </div> 37 35 <Projects @projectChange="changeProject($event)" /> 38 - <div class="description mt-5 text-gray-200"> 36 + <div class="description mt-5"> 39 37 <h3 class="text-md font-semibold uppercase text-center"> 40 38 Project Description 41 39 </h3>
+2 -8
src/components/TopNav.vue
··· 76 76 changeTheme() { 77 77 if (this.theme === "dark") { 78 78 this.theme = "light"; 79 - document.documentElement.style.setProperty("--main-bg", "#bbb"); 79 + document.documentElement.style.setProperty("--main-bg", "#ccc"); 80 80 document.documentElement.style.setProperty("--secondary-bg", "#fff"); 81 - document.documentElement.style.setProperty("--text-shadow", "none"); 82 81 document.documentElement.style.setProperty("--font-color", "#aaa"); 83 - document.documentElement.style.setProperty("--main-text", "#fff"); 82 + document.documentElement.style.setProperty("--main-text", "#444"); 84 83 document.documentElement.style.setProperty("--links-hover", "#3182ce"); 85 84 document.documentElement.style.setProperty("--links", "#2c5282"); 86 85 document.documentElement.style.setProperty("--font-title", "#9b2c2c"); ··· 88 87 this.theme = "dark"; 89 88 document.documentElement.style.setProperty("--main-bg", "#1a202c"); 90 89 document.documentElement.style.setProperty("--secondary-bg", "#000000"); 91 - document.documentElement.style.setProperty( 92 - "--text-shadow", 93 - "3px 3px 3px rgba(0, 0, 0, 0.65), -3px -3px 3px rgba(0, 0, 0, 0.65)" 94 - ); 95 90 document.documentElement.style.setProperty("--font-color", "#e2e8f0"); 96 91 document.documentElement.style.setProperty("--main-text", "#edf2f7"); 97 92 document.documentElement.style.setProperty("--links-hover", "#2c5282"); ··· 108 103 h1 { 109 104 font-family: "Oswald", sans-serif !important; 110 105 letter-spacing: 1px; 111 - text-shadow: var(--text-shadow); 112 106 color: var(--font-title); 113 107 } 114 108 .nav {