diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..054ab3f --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Otacilio Maia + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..092c6e9 --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# melhor-workshop-em-linha-reta +Vamos construir nesse workshop um site para o melhor workshop em linha reta. diff --git a/assets/cin.jpg b/assets/cin.jpg new file mode 100644 index 0000000..9faa67d Binary files /dev/null and b/assets/cin.jpg differ diff --git a/assets/marco_zero.jpg b/assets/marco_zero.jpg new file mode 100644 index 0000000..c8b145a Binary files /dev/null and b/assets/marco_zero.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..2485989 --- /dev/null +++ b/index.html @@ -0,0 +1,62 @@ + + + + + + + Melhor website em linha reta + + + + + + + + + +
+ +
+
+ + Avatar +
+

+ Que recife é a maior cidade em linha reta do mundo nós já sabemos! +

+

+ Aqui a gente só vai mostrar mais argumentos ainda pra quem não + sabe. +

+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+ Avatar +
+

O Cin-UFPE é nosso!

+

+ E todo mundo já sabe que o Cin é o maior e melhor centro de + informática em linha reta do mundo. +

+
+
+
+ +
+ + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..d03d2b7 --- /dev/null +++ b/styles.css @@ -0,0 +1,67 @@ +body { + flex: 1; + display: flex; + background-color: #f8f8ff; + color: #111111; + flex-direction: column; +} + +.half-screen-container { + flex: 1; + display: flex; + height: 49vh; + overflow-x: auto; +} + +.biggest-straight-line { + width: 100%; + margin-left: -4px; + border-radius: 8px; + border-top: 16px #333e41 solid; +} + +.biggest-straight-line-container { + align-items: center; + display: flex; + flex: 1; +} + +.brennand-snake { + position: absolute; + z-index: 1; + height: 56px; + width: 8px; + border-bottom-left-radius: 8px; + border-top-left-radius: 8px; + background-color: #333e41; +} + +.brennand-bottom { + left: 80px; +} + +.brennand-top { + right: 100px; +} + +.brennand-base { + z-index: 1; + height: 44px; + width: 24px; + background-color: #80604d; +} + +.card { + margin: 48px 16px; + width: 20vw; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8); + transition: 0.3s; +} + +.card:hover { + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); +} + +.container { + padding: 2px 16px; +}