├── README.md ├── img ├── stormy-200.png ├── stormy-352-305.png └── stormy-400.png ├── index.html └── lshstyle.css /README.md: -------------------------------------------------------------------------------- 1 | # Ladies Storm Hackathons 2 | 3 | A community of technical women growing and storming hackathons together. 4 | 5 | * * * 6 | 7 | Website: [http://ladiesstormhackathons.org](http://ladiesstormhackathons.org) 8 | 9 | Join the fun at [Slack](https://lsh-slackin.herokuapp.com/) 10 | 11 | Blog: [https://medium.com/ladies-storm-hackathons](https://medium.com/ladies-storm-hackathons) 12 | 13 | Facebook Group: [https://www.facebook.com/groups/LadiesStormHackathons](https://www.facebook.com/groups/LadiesStormHackathons) 14 | 15 | * * * 16 | 17 | *This is the official repo for the website of Ladies Storm Hackathons.* 18 | -------------------------------------------------------------------------------- /img/stormy-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ladies-Storm-Hackathons/Website/6d7a9f6ed98c3d7d9c960bb641c269e407703acf/img/stormy-200.png -------------------------------------------------------------------------------- /img/stormy-352-305.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ladies-Storm-Hackathons/Website/6d7a9f6ed98c3d7d9c960bb641c269e407703acf/img/stormy-352-305.png -------------------------------------------------------------------------------- /img/stormy-400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ladies-Storm-Hackathons/Website/6d7a9f6ed98c3d7d9c960bb641c269e407703acf/img/stormy-400.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Ladies Storm Hackathons 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 |

Ladies Storm Hackathons

25 |

A community of technical women growing and storming hackathons together

26 |
27 | 28 | 36 | 37 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /lshstyle.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color:#F4E1D4; 3 | font-family: 'Roboto', sans-serif; 4 | font-size: 48px; 5 | } 6 | 7 | h1 { 8 | margin-top: 20px; 9 | margin-bottom: 5px; 10 | font-weight: bold; 11 | color: #A40B54; 12 | } 13 | 14 | p { 15 | color: #A40B54; 16 | font-size: 16px; 17 | height: 20px; 18 | } 19 | 20 | a { 21 | color: #E17D2A; 22 | margin-right: 20px; 23 | font-size: 16px; 24 | line-height: 0px; 25 | } 26 | 27 | a:hover { 28 | color: #410936; 29 | text-decoration: none; 30 | } 31 | 32 | .header { 33 | margin-top: 40px; 34 | margin-left: 40px; 35 | } 36 | 37 | .links { 38 | margin-top: 0px; 39 | margin-left: 40px; 40 | margin-bottom: 40px; 41 | } 42 | 43 | .footer { 44 | margin-top: 15px; 45 | margin-bottom: 15px; 46 | } 47 | 48 | 49 | /* Shake Related */ 50 | .shake { 51 | display:inline-block 52 | } 53 | 54 | .shake { 55 | display:block; 56 | position:relative; 57 | } 58 | 59 | #logo { 60 | width: 250px; 61 | } 62 | 63 | @-webkit-keyframes spaceboots { 64 | 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 65 | 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 66 | 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 67 | 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 68 | 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 69 | 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 70 | 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 71 | 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 72 | 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 73 | 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 74 | 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } 75 | } 76 | 77 | .shake { 78 | -webkit-animation-name: spaceboots; 79 | -webkit-animation-duration: 1.0s; 80 | -webkit-transform-origin:50% 50%; 81 | -webkit-animation-iteration-count: infinite; 82 | -webkit-animation-timing-function: linear; 83 | } 84 | 85 | .shake:hover, 86 | .shake:focus { 87 | -webkit-animation-name: spaceboots; 88 | -webkit-animation-duration: 0.2s; 89 | -webkit-transform-origin:50% 50%; 90 | -webkit-animation-iteration-count: infinite; 91 | -webkit-animation-timing-function: linear; 92 | } 93 | 94 | /* Responsive */ 95 | 96 | /* Large desktops and laptops */ 97 | @media (min-width: 1200px) { 98 | 99 | } 100 | 101 | /* Landscape tablets and medium desktops */ 102 | @media (min-width: 992px) and (max-width: 1199px) { 103 | 104 | } 105 | 106 | /* Portrait tablets and small desktops */ 107 | @media (min-width: 768px) and (max-width: 991px) { 108 | 109 | } 110 | 111 | /* Landscape phones and portrait tablets */ 112 | @media (max-width: 767px) { 113 | 114 | } 115 | 116 | @media (max-width: 568px) { 117 | .links { 118 | margin-top: 50px; 119 | } 120 | a { 121 | display: block; 122 | margin-top: 30px; 123 | } 124 | 125 | } 126 | 127 | /* Portrait phones and smaller */ 128 | @media (max-width: 480px) { 129 | .links { 130 | margin-top: 80px; 131 | } 132 | a { 133 | display: block; 134 | margin-top: 30px; 135 | } 136 | } 137 | 138 | @media (max-width: 320px) { 139 | .links { 140 | margin-top: 80px; 141 | } 142 | 143 | a { 144 | display: block; 145 | margin-top: 30px; 146 | } 147 | } 148 | 149 | --------------------------------------------------------------------------------