PageRenderTime 82ms CodeModel.GetById 20ms RepoModel.GetById 0ms app.codeStats 0ms

/index.html

https://gitlab.com/stanjanssen/homepage
HTML | 66 lines | 63 code | 3 blank | 0 comment | 0 complexity | d72de99e47566b8ff3b4d8072902e34c MD5 | raw file
    

  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <meta name="viewport" content="width=device-width">
    5. 

  5. 

  6.     <title>Home</title>
    7. 

  7.     <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
    8. 

  8.     <link href="https://fonts.googleapis.com/css?family=Jaldi" rel="stylesheet">
    9. 

  9.     <link rel="icon" type="image/x-icon" href="favicon.ico" />
    10. 

  10.     <link rel="stylesheet" href="style.css" type="text/css" />
    11. 

  11.     <script src="csi.min.js" type="text/javascript"></script>
    12. 

  12. </head>
    13. 

  13. <body>
    14. 

  14.     <div id="container">
    15. 

  15.         <div class="row">
    16. 

  16.             <form method="GET" action="https://duckduckgo.com/">
    17. 

  17.                 <input type="text" name="q" placeholder="Search DuckDuckGo..." id="duck" />
    18. 

  18.             </form>
    19. 

  19.         </div>
    20. 

  20.         <div class="row">
    21. 

  21.             <div class="column">
    22. 

  22.                 <div class="row">
    23. 

  23.                     <ul class="column">
    24. 

  24.                         <li><a href="https://reddit.com">Reddit</a></li>
    25. 

  25.                         <li><a href="https://tweakers.net">Tweakers</a></li>
    26. 

  26.                         <li><a href="http://encide.com">Encide</a></li>
    27. 

  27.                         <li><a href="https://gmail.com">Gmail</a></li>
    28. 

  28.                         <li><a href="https://calendar.google.com">Google Calendar</a></li>
    29. 

  29.                     </ul>
    30. 

  30.                     <ul class="column">
    31. 

  31.                         <li><a href="https://bitbucket.org/chronophobe/">BitBucket</a></li>
    32. 

  32.                         <li><a href="https://github.com/chronophobe">GitHub</a></li>
    33. 

  33.                         <li><a href="https://gitlab.com/u/stanjanssen">GitLab</a></li>
    34. 

  34.                     </ul>
    35. 

  35.                 </div>
    36. 

  36.             </div>
    37. 

  37.             <div class="column">
    38. 

  38.                 <ul>
    39. 

  39.                     <li>ReviewBot: <span data-include="review-bot.html">Unable to retrieve status.</span></li>
    40. 

  40.                 </ul>
    41. 

  41.             </div>
    42. 

  42.         </div>
    43. 

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

  44.             <div class="column" id="scratchpad" contenteditable=true>
    45. 

  45.                 Write some notes...
    46. 

  46.             </div>
    47. 

  47.         </div>
    48. 

  48.     </div>    
    49. 

  49.     <script type="text/javascript">
    50. 

  50.         var search = document.getElementById('duck');
    51. 

  51.         search.focus();
    52. 

  52. 

  53.         var scratch = document.getElementById('scratchpad');
    54. 

  54.         scratch.addEventListener('keyup', function() {
    55. 

  55.             var content = scratch.innerHTML.trim();
    56. 

  56.             localStorage.setItem('scratchpad', content);
    57. 

  57.         });
    58. 

  58. 

  59.         var content = localStorage.getItem('scratchpad');
    60. 

  60.         if(content == '' || content == null) {
    61. 

  61.             content = 'Write some notes here...';
    62. 

  62.         }
    63. 

  63.         scratch.innerHTML = content;
    64. 

  64.     </script>
    65. 

  65. </body>
    66. 

  66. </html>
    67. 

  67.