├── README.md ├── Have.Tips.png ├── images ├── midground.png ├── background.png ├── foreground.png └── stars template.psd ├── LICENSE ├── index.html └── style.css /README.md: -------------------------------------------------------------------------------- 1 | have.tips 2 | ========= 3 | 4 | have.tips homepage 5 | -------------------------------------------------------------------------------- /Have.Tips.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karan/have.tips/master/Have.Tips.png -------------------------------------------------------------------------------- /images/midground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karan/have.tips/master/images/midground.png -------------------------------------------------------------------------------- /images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karan/have.tips/master/images/background.png -------------------------------------------------------------------------------- /images/foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karan/have.tips/master/images/foreground.png -------------------------------------------------------------------------------- /images/stars template.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karan/have.tips/master/images/stars template.psd -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Karan Goel 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 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Have.Tips 4 | 5 | 6 | 7 | 8 | 9 | 10 | 19 | 20 | 21 | 22 | 23 | 24 |

25 |

Have.Tips

26 | 27 | 28 |

29 | Get weekly tips in your email that will improve your life. 30 | Sign up now to receive next week's edition. 31 | 36 |

No spam. No bullshit!

37 |

38 | 39 | 40 |

Curated by Karan Goel.

41 |

42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | html { overflow-y: hidden; 2 | } 3 | 4 | body { 5 | background-color: #f8f8f8; 6 | color: #222222; 7 | font-family: 'Raleway', helvetica, sans-serif, georgia; 8 | font-weight: 300; 9 | } 10 | 11 | .main { 12 | overflow: hidden; 13 | text-align: center; 14 | position: relative; 15 | z-index: 300; 16 | padding: 1em; 17 | overflow: hidden; 18 | width: 90%; 19 | margin: 0 auto; 20 | max-width: 700px; 21 | } 22 | 23 | h1 { 24 | font-size: 3em; 25 | font-family: 'Raleway', helvetica, sans-serif, georgia; 26 | text-transform: uppercase; 27 | letter-spacing: 0.2em; 28 | border-bottom: 1px solid #333; 29 | padding: 0 0 1em; 30 | } 31 | 32 | p { 33 | font-size: 2em; 34 | } 35 | 36 | p.small { 37 | font-size: 0.8em; 38 | color: #AAAAAA; 39 | } 40 | 41 | p.name { 42 | font-size: 1em; 43 | margin-top: 5em; 44 | color: rgba(0, 0, 0, 0.4); 45 | } 46 | 47 | a { 48 | color: rgba(0, 0, 0, 0.6); 49 | text-decoration: none; 50 | } 51 | 52 | div#mc_embed_signup { 53 | width: 70%; 54 | max-width: 500px; 55 | margin: 0 auto; 56 | border-bottom: 1px solid #333; 57 | border-radius: 0.5em; 58 | padding: 2em 2em; 59 | margin-top: 2em; 60 | } 61 | form#mc-embedded-subscribe-form { 62 | display: block; 63 | } 64 | label { 65 | display: block; 66 | font-size: 1em; 67 | color: #333; 68 | line-height: 1.9em; 69 | margin-bottom: 1.2em; 70 | } 71 | input#mce-EMAIL { 72 | margin-top: 2em; 73 | margin-bottom: 2em; 74 | z-index: 2; 75 | font-size: 1em; 76 | background: #fff; 77 | border: 1px solid #999; 78 | -webkit-border-radius: 3px; 79 | -moz-border-radius: 3px; 80 | border-radius: 3px; 81 | box-shadow: inset 0px 1px 1px #ddd; 82 | -moz-box-shadow: inset 0px 1px 1px #ddd; 83 | padding: 8px; 84 | -webkit-box-shadow: inset 0px 1px 1px #ddd; 85 | width: 70%; 86 | height: 3.5em; 87 | max-width: 350px; 88 | display: inline-block; 89 | } 90 | 91 | input#mc-embedded-subscribe { 92 | color: #fff; 93 | -webkit-border-radius: 3px; 94 | -moz-border-radius: 3px; 95 | border-radius: 3px; 96 | display: inline-block; 97 | position: relative; 98 | vertical-align: baseline; 99 | font-size: inherit; 100 | border: 1px solid black; 101 | background: none; 102 | padding: 5px 10px; 103 | cursor: pointer; 104 | font-family: inherit; 105 | width: 1; 106 | overflow: visible; 107 | background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000)); 108 | background-color: #000; 109 | border-top: 1px solid rgba(0, 0, 0, 0.2); 110 | border-left: 1px solid rgba(0, 0, 0, 0.3); 111 | border-right: 1px solid rgba(0, 0, 0, 0.3); 112 | border-bottom: 1px solid rgba(0, 0, 0, 0.35); 113 | box-shadow: inset 0 1px 0 #888888, 0 1px 0 rgba(0, 0, 0, 0.07); 114 | -moz-box-shadow: inset 0 1px 0 #888888, 0 1px 0 rgba(0, 0, 0, 0.07); 115 | -webkit-box-shadow: inset 0 1px 0 #888888, 0 1px 0 rgba(0, 0, 0, 0.07); 116 | height: 3.5em; 117 | border-radius: none; 118 | -webkit-border-radius: none; 119 | width: 20%; 120 | max-width: 60px; 121 | } 122 | 123 | input#mc-embedded-subscribe:hover { 124 | background: green; 125 | } 126 | 127 | 128 | .twitter-share-button { 129 | position: fixed; 130 | bottom: 10px; 131 | left: 10px; 132 | } 133 | --------------------------------------------------------------------------------