summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/ntp4/new_tab.html
blob: c769b4d838ff4929bf27ca3b7856f4c1023407d2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html i18n-values="
    dir:textdirection;
    hasattribution:hasattribution;
    customlogo:customlogo;
    themegravity:themegravity;">
<head>
<meta charset="utf-8">
<title i18n-content="title"></title>
<!-- Don't scale the viewport in either portrait or landscape mode.
     Note that this means apps will be reflowed when rotated (like iPad).
     If we wanted to maintain position we could remove 'maximum-scale' so
     that we'd zoom out in portrait mode, but then there would be a bunch
     of unusable space at the bottom.
-->
<meta name="viewport"
      content="user-scalable=no, width=device-width, maximum-scale=1.0">

<!-- It's important that this be the first script loaded. -->
<script src="logging.js"></script>

<if expr="pp_ifdef('touchui')">
<script>
document.documentElement.setAttribute('touchui', true);
</script>
</if>

<link rel="stylesheet" href="../shared/css/bubble.css">
<link rel="stylesheet" href="../shared/css/menu.css">
<link rel="stylesheet" href="apps_page.css">
<link rel="stylesheet" href="bookmarks_page.css">
<link rel="stylesheet" href="most_visited_page.css">
<link rel="stylesheet" href="nav_dot.css">
<link rel="stylesheet" href="new_tab.css">
<link rel="stylesheet" href="recently_closed.css">
<link rel="stylesheet" href="tile_page.css">
<link id="themecss" rel="stylesheet">

<script src="../shared/js/event_tracker.js"></script>
<script src="../shared/js/local_strings.js"></script>
<script src="../shared/js/util.js"></script>

<script src="../shared/js/cr.js"></script>
<script src="../shared/js/cr/ui.js"></script>
<script src="../shared/js/cr/ui/bubble.js"></script>
<script src="../shared/js/cr/ui/menu.js"></script>
<script src="../shared/js/cr/ui/menu_item.js"></script>
<script src="../shared/js/cr/ui/position_util.js"></script>
<script src="../shared/js/cr/ui/menu_button.js"></script>
<script src="../shared/js/cr/ui/context_menu_handler.js"></script>

<script src="drag_wrapper.js"></script>
<script src="tile_page.js"></script>
<script src="apps_page.js"></script>
<script src="bookmarks_page.js"></script>
<script src="most_visited_page.js"></script>
<script src="trash.js"></script>

<script src="card_slider.js"></script>
<script src="grabber.js"></script>
<script src="nav_dot.js"></script>
<script src="new_tab.js"></script>
<script src="recently_closed.js"></script>
<script src="touch_handler.js"></script>
</head>

<body>
  <div id="notification" class="inactive">
    <span></span>
    <div id="notificationLinks"></div>
    <button class="close-button"></button>
  </div>

  <div id="card-slider-frame">
    <button id="page-switcher-start" class="page-switcher" hidden></button>
    <div id="page-list"></div>
    <button id="page-switcher-end" class="page-switcher" hidden></button>
    <div id="attribution">
      <span i18n-content="attributionintro"></span>
      <img id="attribution-img">
    </div>
  </div>
  <div id="footer">
    <div id="footer-border"></div>
    <div id="footer-content">
      <img id="logo-img">

      <ul id="dot-list">
      </ul>

      <button id="recently-closed-menu-button">
        <span i18n-content="recentlyclosed"></span>
        <div class="disclosure-triangle"></div>
      </button>

      <div id="trash">
        <span i18n-content="trashLabel"></span>
      </div>
    </div>
  </div>
</body>

<!-- Apps promo. -->
<div id="apps-promo-extras-template" class="apps-promo-extras" hidden>
  <h3 class="apps-promo-heading"></h3>
  <a class="apps-promo-link g-button-basic"><a/>
  <a class="apps-promo-hide link-color" href="#"><a/>
</div>
</html>