Skip to content

Commit

Permalink
Fix layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@migmoroni
migmoroni committed Aug 28, 2024
1 parent 8a0581a commit 40e4415
Show file tree
Hide file tree
Showing 2 changed files with 55 additions and 68 deletions.
108 changes: 44 additions & 64 deletions src/css/output.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -616,6 +616,10 @@ video {
bottom: 0px;
}

.right-0 {
right: 0px;
}

.z-50 {
z-index: 50;
}
Expand Down Expand Up @@ -721,14 +725,14 @@ video {
margin-top: 2rem;
}

.mb-3 {
margin-bottom: 0.75rem;
}

.block {
display: block;
}

.inline-block {
display: inline-block;
}

.flex {
display: flex;
}
Expand Down Expand Up @@ -809,10 +813,6 @@ video {
width: 100%;
}

.w-3 {
width: 0.75rem;
}

.max-w-4xl {
max-width: 56rem;
}
Expand All @@ -829,6 +829,19 @@ video {
flex-grow: 1;
}

.origin-bottom-right {
transform-origin: bottom right;
}

.rotate-45 {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.snap-x {
scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
Expand Down Expand Up @@ -923,10 +936,6 @@ video {
border-radius: 0.75rem;
}

.rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}

.rounded-bl-xl {
border-bottom-left-radius: 0.75rem;
}
Expand Down Expand Up @@ -964,43 +973,18 @@ video {
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-purple-900 {
--tw-border-opacity: 1;
border-color: rgb(88 28 135 / var(--tw-border-opacity));
}

.border-transparent {
border-color: transparent;
}

.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.border-purple-300 {
--tw-border-opacity: 1;
border-color: rgb(216 180 254 / var(--tw-border-opacity));
}

.border-purple-400 {
--tw-border-opacity: 1;
border-color: rgb(192 132 252 / var(--tw-border-opacity));
}

.border-purple-600 {
--tw-border-opacity: 1;
border-color: rgb(147 51 234 / var(--tw-border-opacity));
}

.border-purple-700 {
.border-purple-900 {
--tw-border-opacity: 1;
border-color: rgb(126 34 206 / var(--tw-border-opacity));
border-color: rgb(88 28 135 / var(--tw-border-opacity));
}

.border-purple-800 {
--tw-border-opacity: 1;
border-color: rgb(107 33 168 / var(--tw-border-opacity));
.border-transparent {
border-color: transparent;
}

.bg-gray-200 {
Expand All @@ -1018,9 +1002,9 @@ video {
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.bg-gray-900 {
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-green-100 {
Expand All @@ -1033,6 +1017,11 @@ video {
background-color: rgb(192 132 252 / var(--tw-bg-opacity));
}

.bg-purple-800 {
--tw-bg-opacity: 1;
background-color: rgb(107 33 168 / var(--tw-bg-opacity));
}

.bg-purple-900 {
--tw-bg-opacity: 1;
background-color: rgb(88 28 135 / var(--tw-bg-opacity));
Expand All @@ -1053,16 +1042,6 @@ video {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-purple-800 {
--tw-bg-opacity: 1;
background-color: rgb(107 33 168 / var(--tw-bg-opacity));
}

.p-2 {
padding: 0.5rem;
}
Expand Down Expand Up @@ -1174,6 +1153,11 @@ video {
line-height: 1.75rem;
}

.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}

.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
Expand Down Expand Up @@ -1263,10 +1247,6 @@ video {
transition-duration: 200ms;
}

.duration-300 {
transition-duration: 300ms;
}

.ease-linear {
transition-timing-function: linear;
}
Expand All @@ -1286,6 +1266,11 @@ video {
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.hover\:bg-gray-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-gray-950:hover {
--tw-bg-opacity: 1;
background-color: rgb(3 7 18 / var(--tw-bg-opacity));
Expand Down Expand Up @@ -1350,9 +1335,9 @@ video {
border-color: rgb(255 255 255 / 0.05);
}

.dark\:bg-gray-200:is(.dark *) {
.dark\:bg-gray-300:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.dark\:bg-purple-400:is(.dark *) {
Expand Down Expand Up @@ -1389,11 +1374,6 @@ video {
background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.dark\:bg-gray-300:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.dark\:text-gray-900:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
Expand Down
15 changes: 11 additions & 4 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -256,7 +256,7 @@ <h3 class="text-xl font-medium mb-2">Quando tratado:</h3>
</div>

<!-- Direcionamento para as Trilhas -->
<section id="entender" class="px-6">
<section id="entender" class="px-2">
<div class="pt-28"></div>
<h1 class="text-3xl font-bold mb-8 text-center">Os lados desta Questão</h1>

Expand Down Expand Up @@ -294,7 +294,7 @@ <h1 class="text-3xl font-bold mb-8 text-center">Os lados desta Questão</h1>
</section>
-->
<!-- Trilha do Profissional de TI -->
<section id="lti" class="flex flex-col px-6">
<section id="lti" class="flex flex-col px-2">
<div class="pt-36"></div>
<h1 class="text-3xl font-bold mb-8 text-center">O Profissional de TI</h1>

Expand Down Expand Up @@ -332,7 +332,7 @@ <h2 class="text-2xl font-bold mb-4">Em breve</h2>
</section>

<!-- Trilha dos Recursos Humanos -->
<section id="lrh" class="flex flex-col px-6">
<section id="lrh" class="flex flex-col px-2">
<div class="pt-36"></div>
<h1 class="text-3xl font-bold mb-8 text-center">O meio de campo do RH</h1>

Expand Down Expand Up @@ -376,7 +376,7 @@ <h2 class="text-2xl font-bold mb-4">Em breve</h2>
</section>

<!-- Trilha das Empresas -->
<section id="lgestao" class="flex flex-col px-6">
<section id="lgestao" class="flex flex-col px-2">
<div class="pt-36"></div>
<h1 class="text-3xl font-bold mb-8 text-center">A Gestão Empresarial</h1>

Expand Down Expand Up @@ -739,6 +739,13 @@ <h3 class="text-center mt-56 text-2xl">Obrigado por participar até aqui!</h3>
</svg>
</a>
</div>
<div class="bottom-0 right-0 transform rotate-45 origin-bottom-right z-50">
<a href="https://github.com/seu-usuario" target="_blank"
class="inline-block bg-gray-800 text-white px-6 py-2 text-sm font-semibold hover:bg-gray-700">
Conheça meu GitHub
</a>
</div>

</div>
</div>
</footer>
Expand Down

0 comments on commit 40e4415

Please sign in to comment.