├── img ├── nova_logo.png ├── favicon │ ├── favicon.ico │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── apple-touch-icon.png │ ├── android-chrome-192x192.png │ ├── android-chrome-512x512.png │ └── site.webmanifest ├── feminis_logo_ears.png ├── feminis_logo_nome.png └── feminis_logo_ears_nome.png ├── fonts └── Bellota-Bold.otf ├── LICENSE ├── css ├── reset.css └── style.css ├── README.md └── index.html /img/nova_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/nova_logo.png -------------------------------------------------------------------------------- /fonts/Bellota-Bold.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/fonts/Bellota-Bold.otf -------------------------------------------------------------------------------- /img/favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/favicon/favicon.ico -------------------------------------------------------------------------------- /img/feminis_logo_ears.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/feminis_logo_ears.png -------------------------------------------------------------------------------- /img/feminis_logo_nome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/feminis_logo_nome.png -------------------------------------------------------------------------------- /img/favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/favicon/favicon-16x16.png -------------------------------------------------------------------------------- /img/favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/favicon/favicon-32x32.png -------------------------------------------------------------------------------- /img/feminis_logo_ears_nome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/feminis_logo_ears_nome.png -------------------------------------------------------------------------------- /img/favicon/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/favicon/apple-touch-icon.png -------------------------------------------------------------------------------- /img/favicon/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/favicon/android-chrome-192x192.png -------------------------------------------------------------------------------- /img/favicon/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/feministech/links/HEAD/img/favicon/android-chrome-512x512.png -------------------------------------------------------------------------------- /img/favicon/site.webmanifest: -------------------------------------------------------------------------------- 1 | {"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Feministech 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /css/reset.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | 6 | html, body, div, span, applet, object, iframe, 7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 | a, abbr, acronym, address, big, cite, code, 9 | del, dfn, em, img, ins, kbd, q, s, samp, 10 | small, strike, strong, sub, sup, tt, var, 11 | b, u, i, center, 12 | dl, dt, dd, ol, ul, li, 13 | fieldset, form, label, legend, 14 | table, caption, tbody, tfoot, thead, tr, th, td, 15 | article, aside, canvas, details, embed, 16 | figure, figcaption, footer, header, hgroup, 17 | menu, nav, output, ruby, section, summary, 18 | time, mark, audio, video { 19 | margin: 0; 20 | padding: 0; 21 | border: 0; 22 | font-size: 100%; 23 | font: inherit; 24 | vertical-align: baseline; 25 | } 26 | /* HTML5 display-role reset for older browsers */ 27 | article, aside, details, figcaption, figure, 28 | footer, header, hgroup, menu, nav, section { 29 | display: block; 30 | } 31 | body { 32 | line-height: 1; 33 | } 34 | ol, ul { 35 | list-style: none; 36 | } 37 | blockquote, q { 38 | quotes: none; 39 | } 40 | blockquote:before, blockquote:after, 41 | q:before, q:after { 42 | content: ''; 43 | content: none; 44 | } 45 | table { 46 | border-collapse: collapse; 47 | border-spacing: 0; 48 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 👩‍💻 Links da comunidade Feministech 2 | 3 | ![Estrelas do repositório](https://img.shields.io/github/stars/feministech/feministech.github.io?style=for-the-badge) 4 | ![Forks do repositório](https://img.shields.io/github/forks/feministech/feministech.github.io?style=for-the-badge) 5 | 6 | ![Screenshot do projeto](https://user-images.githubusercontent.com/2437447/170883005-a8b79e35-eb3e-4e97-bcf1-861bb951e1b3.png) 7 | Este é o site de links da comunidade Feministech, contendo redes sociais e plataformas onde é possível encontrar conteúdos produzidos pela comunidade durante a Hacktoberfest 2021. 8 | 9 | ## ✔️ Acessando o projeto 10 | Você pode acessar a nossa página de links [clicando aqui](https://feministech.github.io/links/), ou então colando o link [https://feministech.github.io/links/](https://feministech.github.io/links/) diretamente no seu navegador. 11 | 12 | ## 🤔 O que é a comunidade Feministech? 13 | A Feministech é um grupo de pessoas que se identificam no feminino e não binárias que compartilham conhecimento sobre tecnologia em lives na Twitch. 14 | 15 | ## 🤗 Como você pode participar da comunidade? 16 | A melhor maneira de participar da comunidade Feministech é interagindo com as pessoas streamers e as pessoas viwers durante as lives. Siga as pessoas que produzem um conteúdo que você gosta e interaja no chat! A comunidade está sempre aberta a pessoas que estejam de acordo com nosso [código de conduta](https://github.com/feministech/codigo-de-conduta). 17 | 18 | ## ✨ Quer um site de links bonito como o nosso? 19 | Caso você tenha gostado do nosso site de links, você pode conferir o template maravilhoso criado pela [Levxyca](https://github.com/levxyca) [cliando aqui](https://github.com/levxyca/links). 20 | 21 | 22 | --------------------------- 23 |

Feito com 💖 pela comunidade Feministech

24 | 25 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --branco: #FFFFFF; 3 | --roxo-vivo: #8502BB; 4 | --roxo-escuro: #4104A8; 5 | --cinza: #858585; 6 | --rosa: #F208A4; 7 | --azul: #00CAF3; 8 | } 9 | 10 | @font-face { 11 | font-family: Bellota; 12 | src: url('../fonts/Bellota-Bold.otf'); 13 | } 14 | 15 | *{ 16 | box-sizing: border-box; 17 | } 18 | 19 | body { 20 | font-family: "Bellota", Tahoma, Geneva, Verdana, sans-serif; 21 | background-color: var(--branco); 22 | height: 100vh; 23 | display: flex; 24 | flex-direction: column; 25 | justify-content: center; 26 | align-items: center; 27 | padding: 4rem; 28 | height: 100%; 29 | } 30 | 31 | h1 { 32 | font-size: 2.5rem; 33 | margin-bottom: 0.8rem; 34 | color:var(--roxo-vivo); 35 | } 36 | 37 | h2 { 38 | font-size: 1.3rem; 39 | color: var(--cinza); 40 | } 41 | 42 | /* HEADER */ 43 | 44 | .header { 45 | display: flex; 46 | align-items: center; 47 | margin-bottom: 1rem; 48 | gap: 2rem; 49 | } 50 | 51 | .header img { 52 | height: 160px; 53 | margin-bottom: 2.3rem; 54 | } 55 | 56 | .header__intro{ 57 | max-width: 600px; 58 | line-height: 2rem; 59 | text-align: center; 60 | } 61 | 62 | .titulos { 63 | margin-left: 1rem; 64 | } 65 | 66 | /* LINKS */ 67 | 68 | .links { 69 | font-size: 1.2rem; 70 | } 71 | 72 | .links a { 73 | display: block; 74 | color: var(--branco); 75 | background-color: var(--roxo-escuro); 76 | text-align: center; 77 | margin: 1rem 0rem 1rem 0rem; 78 | padding: 1rem 10rem; 79 | border-radius: 0.625rem; 80 | text-decoration: none; 81 | } 82 | 83 | .links a:hover { 84 | display: block; 85 | background-color: var(--rosa); 86 | animation: mouseHover 0.8s ease; 87 | text-decoration: underline; 88 | } 89 | 90 | @keyframes mouseHover { 91 | from { 92 | opacity: 0.5; 93 | } 94 | to { 95 | opacity: 1; 96 | } 97 | } 98 | 99 | /* SOCIAL */ 100 | 101 | .social { 102 | display: flex; 103 | margin: 1rem; 104 | font-size: 1.5rem; 105 | } 106 | 107 | .social li a { 108 | margin: 0rem 0.5rem; 109 | padding: 0.5rem; 110 | color: var(--azul); 111 | } 112 | 113 | .social li a:hover { 114 | color: var(--rosa); 115 | animation: mouseHover 0.5s ease; 116 | } 117 | 118 | /* RESPONSIVIDADE */ 119 | 120 | @media only screen and (max-width: 1024px){ 121 | body { 122 | max-width: 1024px; 123 | } 124 | 125 | .links a { 126 | padding: 1.4rem; 127 | } 128 | 129 | .header { 130 | flex-direction: column; 131 | } 132 | 133 | h1 { 134 | text-align: center; 135 | margin-bottom: 1.5rem; 136 | } 137 | 138 | h2{ 139 | text-align: center; 140 | } 141 | } 142 | 143 | @media only screen and (min-width: 768px) and (max-width: 1024px) { 144 | body { 145 | min-width: 768px; 146 | max-width: 1024px; 147 | } 148 | 149 | .header img { 150 | margin-top: 6rem; 151 | } 152 | 153 | .links a { 154 | font-size: 1.6rem; 155 | } 156 | 157 | .social li a { 158 | font-size: 2rem; 159 | } 160 | } 161 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | Feministech - Links 16 | 17 | 18 | 19 |
20 | Logo da comunidade feministech 21 |
22 |

Feministech

23 |

24 | Somos um grupo de pessoas que se identificam no feminino ou como não binárias que compartilham conhecimento sobre tecnologia fazendo lives, escrevendo artigos, produzindo vídeos ou postagens, entre outros. 25 |

26 |
27 |
28 | 55 | 88 | 89 | 90 | 91 | 96 | 99 | 100 | 101 | --------------------------------------------------------------------------------