Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
woelper
/
bestofwikipedia
Tarkkaile 1
Äänestä 0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: abcbff5d73
Branchit Tagit
bestofwikipe...
/
public
/
index.html

index.html 2.8 KB
Historia Raaka

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 
  1. <!doctype html>
    2. 

  2. <head>
    3. 

  3.   <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    4. 

  4.   <meta content="utf-8" http-equiv="encoding">
    5. 

  5.   <meta name="viewport" content="width=device-width, initial-scale=1">
    6. 

  6.   <meta name="mobile-web-app-capable" content="yes">
    7. 

  7.   <link href="https://fonts.googleapis.com/css?family=Slabo+27px&display=swap" rel="stylesheet"> 
    8. 

  8.   <link rel="stylesheet" href="https://rawgit.com/woelper/lilac/master/lilac.min.css">
    9. 

  9.   <link rel="stylesheet" href="style.css">
    10. 

  10.   <meta name="theme-color" content="#f7d723">
    11. 

  11.   <meta name="apple-mobile-web-app-status-bar-style" content="#f7d723">
    12. 

  12.   <link rel="icon" sizes="128x128" href="icon.png">
    13. 

  13.   <link rel="apple-touch-icon" sizes="128x128" href="icon.png">
    14. 

  14. 

  15.   <style>
    16. 

  16.     * {
    17. 

  17.       margin: 0;
    18. 

  18.       padding: 0;
    19. 

  19.     }
    20. 

  20.     body,  title{
    21. 

  21.       font-family: 'Slabo 27px', serif;
    22. 

  22.     }
    23. 

  23.     #splash {
    24. 

  24.       background-color: rgb(61, 61, 61);
    25. 

  25.       color: rgb(207, 207, 207);
    26. 

  26.       padding: 10%;
    27. 

  27.       margin: 0%;
    28. 

  28.       font-size: 4em;
    29. 

  29.       font-weight: bolder;
    30. 

  30.       padding-bottom: 200%;
    31. 

  31.       height: 100%;
    32. 

  32.       font-family: Arial, Helvetica, sans-serif;
    33. 

  33.     }
    34. 

  34.   </style>
    35. 

  35. </head>
    36. 

  36. 

  37. 

  38. <body>
    39. 

  39.   <div id="splash">
    40. 

  40.     loading
    41. 

  41.   </div>
    42. 

  42.   
    43. 

  43.   
    44. 

  44.   <div id="app" style="display: none">
    45. 

  45.     <nav>
    46. 

  46.       <div class="logo">{{tr.title}}</div>
    47. 

  47.       Short text <input type="checkbox" v-model="compact">
    48. 

  48.     </nav>
    49. 

  49.     
    50. 

  50.     
    51. 

  51.     <div class="content">
    52. 

  52.       <article-new da="defaultArticle"></article-new>
    53. 

  53.       
    54. 

  54.       <div class="panel" v-if="!ready">
    55. 

  55.         Loading articles...
    56. 

  56.       </div>
    57. 

  57. 

  58.       <template v-for="art in articles" v-if="art">
    59. 

  59.         <div class="panel">
    60. 

  60.           <div class="title">
    61. 

  61.             <a class="link" :href="getLink(art)">{{decodeURI(art.title.replace(/_/g, " ").replace("?wprov=sfla1",""))}}</a>
    62. 

  62.           </div>
    63. 

  63.           <template v-if="compact">
    64. 

  64.             <div class="summary">{{shortenParagraph(art.summary)}}</div>
    65. 

  65.           </template>
    66. 

  66.           <template v-else>
    67. 

  67.               <div class="summary">{{art.summary}}</div>
    68. 

  68.             </template>
    69. 

  69.   
    70. 

  70.           
    71. 

  71.           <a class="link-small" :href="getLink(art)">Read on Wikipedia</a>
    72. 

  72.         </div>
    73. 

  73.       </template>
    74. 

  74.       <!-- {{articles}} -->
    75. 

  75.     </div> 
    76. 

  76.   </div>
    77. 

  77. </body>
    78. 

  78. 

  79. 

  80. <script defer src="vue.min.js"></script>
    81. 

  81. <script defer src="firebase.js"></script>
    82. 

  82. <script defer src="lodash.min.js"></script>
    83. 

  83. <!-- <link rel="stylesheet" href="lilac.min.css"> -->
    84. 

  84. 

  85. <!-- <script defer src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.min.js"></script> -->
    86. 

  86. 

  87. <!-- <script defer src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script> -->
    88. 

  88. <!-- <script defer src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script> -->
    89. 

  89. <script defer src="app.js"></script>
    90. 

  90. <!-- <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Sanchez" rel="stylesheet"> -->
    91.