/startpages/start-allgenesconsidered/index.html

https://github.com/startpages/startpages.github.io · HTML · 94 lines · 87 code · 1 blank · 6 comment · 0 complexity · 6c57b655228d24d6d3fdae542e747dc8 MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.     <!--
    4. 

  4.        This i a person homepage that I made with code i stole mostly from /r/startpages as 
    5. 

  5.        well as from other places. I don't take credit for anything except putting the pieces 
    6. 

  6.        together. 
    7. 

  7.     -->
    8. 

  8. 	<head>
    9. 

  9.         <meta charset="utf-8" />
    10. 

  10. 		<title>meme machine</title>
    11. 

  11.         <link rel="stylesheet" type='text/css' href="./font-awesome-4.5.0/css/font-awesome.min.css">     
    12. 

  12.         <link rel="stylesheet" type="text/css" href="css/homepage.css"/> 
    13. 

  13.         <script src="./js/weather.js" type="text/javascript">
    14. 

  14.         </script> 
    15. 

  15.     </head>
    16. 

  16. 	<body>
    17. 

  17.         <style type="text/css" media="all">
    18. 

  18.             @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
    19. 

  19.             html, body
    20. 

  20.             { margin:0; padding:0; }
    21. 

  21.             html, body
    22. 

  22.             { background:#2D2D2D; }
    23. 

  23.             .row
    24. 

  24.             { text-align:center; margin-top: 250px;}
    25. 

  25.             .row .column 
    26. 

  26.             { display: inline; letter-spacing:0.5em; }
    27. 

  27.             .row .column a
    28. 

  28.             { font-size: 250%; color:rgba(0,0,0,0) }
    29. 

  29.             .row .column a:not(:hover)
    30. 

  30.             { opacity:.5; transition: opacity .5s; }
    31. 

  31. 

  32.             .envelope       i{color:#78C5D7;}
    33. 

  33.             .youtube-play   i{color:#459BA8;}
    34. 

  34.             .github         i{color:#79C268;}
    35. 

  35.             .usd            i{color:#C5D747;}
    36. 

  36.             .reddit-alien   i{color:#F5D63D;}
    37. 

  37.             .leaf           i{color:#F48C33;}
    38. 

  38.             .lastfm         i{color:#E868A3;}
    39. 

  39.             .envelope1      i{color:#BF63A6;}
    40. 

  40.         </style>
    41. 

  41.         <!--<div id="weather"></div> -->
    42. 

  42.         <div class="row">
    43. 

  43.             <div class="column">
    44. 

  44.                 <a href="https://mail.google.com/mail/u/1/#inbox" class="envelope">
    45. 

  45.                     <i class="fa fa-envelope"></i>
    46. 

  46.                 </a>
    47. 

  47.             </div>
    48. 

  48.             <div class="column">
    49. 

  49.                 <a href="https://www.youtube.com/feed/subscriptions" class="youtube-play">
    50. 

  50.                     <i class="fa fa-youtube-play"></i>
    51. 

  51.                 </a>
    52. 

  52.             </div>
    53. 

  53.             <div class="column">
    54. 

  54.                 <a href="https://github.com/allgenesconsidered" class="github">
    55. 

  55.                     <i class="fa fa-github"></i>
    56. 

  56.                 </a>
    57. 

  57.             </div>
    58. 

  58.             <div class="column">
    59. 

  59.                 <a href="https://www.patelco.org/" class="usd">
    60. 

  60.                     <i class="fa fa-usd"></i>
    61. 

  61.                 </a>
    62. 

  62.             </div>
    63. 

  63.             <div class="column">
    64. 

  64.                 <a href="https://www.reddit.com/" class="reddit-alien">
    65. 

  65.                     <i class="fa fa-reddit-alien"></i>
    66. 

  66.                 </a>
    67. 

  67.             </div>
    68. 

  68.             <div class="column">
    69. 

  69.                 <a href="http://boards.4chan.org/" class="leaf">
    70. 

  70.                     <i class="fa fa-leaf"></i>
    71. 

  71.                 </a>
    72. 

  72.             </div>
    73. 

  73.             <div class="column">
    74. 

  74.                 <a href="'http://www.last.fm/user/njnoise'" class="lastfm">
    75. 

  75.                     <i class="fa fa-lastfm"></i>
    76. 

  76.                 </a>
    77. 

  77.             </div>
    78. 

  78.             <div class="column">
    79. 

  79.                 <a href="https://mail.google.com/mail/u/2/#inbox" class="envelope1">
    80. 

  80.                     <i class="fa fa-envelope"></i>
    81. 

  81.                 </a>
    82. 

  82.             </div>
    83. 

  83.         </div>
    84. 

  84.             <div>
    85. 

  85.                 <form method="get" action="http://www.ncbi.nlm.nih.gov/pubmed/?"> 
    86. 

  86.                     <input class='search' name='term' type='text' placeholder='PubMed'/> 
    87. 

  87.                 </form>
    88. 

  88.                 <BR>&nbsp;<BR>
    89. 

  89.                 <form method="get" action="https://duckduckgo.com/?"> 
    90. 

  90.                     <input class='search' name='q' type='text' placeholder='DuckDuckGo'/> 
    91. 

  91.                 </form>
    92. 

  92.             </div>
    93. 

  93. 	</body>
    94. 

  94. </html>
    95.