diff --git a/public/chapa-sigmoide/lucas.jpg b/public/chapa-sigmoide/lucas.jpg new file mode 100644 index 0000000..433abc4 Binary files /dev/null and b/public/chapa-sigmoide/lucas.jpg differ diff --git a/public/chapa-sigmoide/mateus.jpg b/public/chapa-sigmoide/mateus.jpg new file mode 100644 index 0000000..ef75c62 Binary files /dev/null and b/public/chapa-sigmoide/mateus.jpg differ diff --git a/public/css/chapa_sigmoide.css b/public/css/chapa_sigmoide.css index 93568b2..97b5273 100644 --- a/public/css/chapa_sigmoide.css +++ b/public/css/chapa_sigmoide.css @@ -12,7 +12,7 @@ --empty-space-width: calc( 100vw - var(--content-space-width) ); - --main-font: "Inconsolata"; + --main-font: "Victor Mono"; --border-width: 0.1rem; @@ -30,7 +30,7 @@ --color-text-shadowed: grey; - --color-clickable-normal: #85e80c; + --color-clickable-normal: #FF7700; --color-clickable-selected: #ffcd5b; @@ -206,6 +206,7 @@ div.line-break > p { overflow-x: auto; } h1, h2, h3, h4, h5, h6 { + color: var(--color-text-marked); font-size: 1.4rem; font-weight: bold; margin: 0; @@ -231,6 +232,82 @@ button, input[type="submit"], input[type="reset"], input[type="button"] button svg {pointer-events:none;} +div.ficha +{ + display: grid; + grid-template-rows: auto auto; + grid-template-columns: 35% auto; + column-gap: 0; +} + +div.ficha h2 +{ + grid-row: 1; + grid-column: 1 / 3; +} + +div.ficha figure +{ + grid-row: 2; + grid-column: 1; + margin: 0; + max-width: unset; + text-align: center; + position: relative; +} + +div.ficha figure img +{ + margin-bottom: 0.5rem; + aspect-ratio: 3 / 4; + animation-name: image-change; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; + animation-duration: 10s; +} + +div.ficha figure figcaption +{ + margin: auto; +} + +div.ficha div.description +{ + grid-row: 2; + grid-column: 2; + max-width: unset; + border: unset; + width: 100%; +} + +@keyframes image-change +{ + 0% { opacity: 0; } + + 10% { opacity: 1; } + + 50% { opacity: 1; } + + 60% { opacity: 0; } + + 100% { opacity: 0; } +} + +div.ficha figure img:nth-of-type(1) +{ animation-delay: 0s;} + +div.ficha figure img:nth-of-type(2) +{ + animation-delay: 5s; + opacity: 0; + position: absolute; + left: 0rem; + top: 0rem; + width: 100%;; + padding: inherit; + box-sizing: border-box; +} + @media print { :root diff --git a/views/chapa-sigmoide/readme.erb b/views/chapa-sigmoide/readme.erb index 3d6a4f0..cd579e8 100644 --- a/views/chapa-sigmoide/readme.erb +++ b/views/chapa-sigmoide/readme.erb @@ -2,26 +2,64 @@
Gregor Samsa
-
+
+ Nome: Mateus Cezário Barreto
+Semestre: 2º
+Ano de nascimento: 2005
+Interesses: Linux
+ +