app/browser/newtab.html

   1 <!DOCTYPE html>
   2 <html lang="ja">
   3
   4 <head>
   5         <meta charset="UTF8" />
   6         <title>ikra beta</title>
   7         <script src="jquery.min.js"></script>
   8         <style type="text/css">
   9                 body {
  10                         background-color: black;
  11                         color : white;
  12                         margin: 0px;
  13                         padding: 10px;
  14                         font-size: 16px;
  15                         text-align: center;
  16                         background: url("bgp.jpg");
  17                         text-shadow: 0px 1px 4px rgba(0,0,0,.5);
  18                 }
  19                 header{
  20                         font-size: 20px;
  21                         opacity : .8;
  22                         padding : 10px;
  23                         margin-top : 30px;
  24                 }
  25                 input{
  26                         outline: 0;
  27                         font-size : 20px;
  28                         border : 1px solid white;
  29                         border-radius : 6px;
  30                         padding : 8px;
  31                         color : white;
  32                         background : rgba(255,255,255,.3);
  33                 }
  34                 a{
  35                         line-height: 200%;
  36                         color : white;
  37                 }
  38                 #sb{
  39                         background: dodgerblue;
  40                         color: white;
  41                         padding: 11px;
  42                         border-radius: 5px;
  43                         cursor: pointer;
  44                 }
  45         </style>
  46         <script type="text/javascript">
  47                 $(document).ready(Load);
  48                 function Load() {
  49                         var bookmarks = {};
  50             if( localStorage["browser-bookmark"] ){
  51                 bookmarks = JSON.parse(localStorage["browser-bookmark"]);
  52             }
  53             else $("#area").append("ブックマークが登録されていません。");
  54             for( i in bookmarks ){
  55                 $("#area").append( "・<a href='"+bookmarks[i]+"'>"+i+"</a><br>" );
  56                         }
  57
  58                         $("#sb").click(function(){
  59                                 var url = "https://www.bing.com/search?q=" + $("#sw").val();
  60                                 location.href = url;
  61                         });
  62                 }
  63         </script>
  64 </head>
  65
  66 <body id="body">
  67         <header>新しいタブ</header>
  68         <input type="text" id="sw">
  69         <a onclick="search()" id="sb">検索</a>
  70         <header>ブックマーク</header>
  71         <a href="bookmark.html">ブックマークの一覧および追加</a>
  72         <div id="area"></div>
  73         <header>おすすめ</header>
  74         <a href="http://tork.webcrow.jp/kakeibo.html">家計簿</a><br>
  75         <a href="http://keionet.jp/">京王百貨店ﾓﾊﾞｲﾙｻｲﾄ</a><br>
  76         <a href="http://tork.webcrow.jp/kusogenpc.html">クソ診断ジェネレータ</a><br>
  77         <a href="http://tork.webcrow.jp/imagesearch.html">画像検索(β)</a><br>
  78         <a href="http://tork.webcrow.jp/canvas.html">画像編集ツール</a><br>
  79         <a href="http://tork.webcrow.jp/chess.html">Nクイーン</a><br>
  80         <a href="https://f.tabtter.jp/">Tabtter Free</a><br>
  81         <a href="http://tork.webcrow.jp/ruby3.html">ルビ振るやつ(v3.0)</a>
  82 </body>
  83
  84 </html>