summaryrefslogtreecommitdiff
path: root/chromium/chrome/browser/resources/ntp4/new_tab.html
blob: 4cac17a1381a2b6873c6371830b0994c962d4850 (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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!doctype html>
<html class="starting-up" i18n-values="dir:textdirection;
                                       hasattribution:hasattribution;
                                       themegravity:themegravity;
                                       bookmarkbarattached:bookmarkbarattached;
                                       lang:language">
<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>

<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<link rel="stylesheet" href="../../../../ui/webui/resources/css/bubble.css">
<link rel="stylesheet" href="../../../../ui/webui/resources/css/expandable_bubble.css">
<link rel="stylesheet" href="../../../../ui/webui/resources/css/menu.css">
<link rel="stylesheet" href="../../../../ui/webui/resources/css/menu_button.css">
<link rel="stylesheet" href="../../../../ui/webui/resources/css/trash.css">
<link rel="stylesheet" href="../../../../ui/webui/resources/css/widgets.css">
<link rel="stylesheet" href="apps_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="footer_menu.css">
<link rel="stylesheet" href="tile_page.css">
<link id="themecss" rel="stylesheet">

<script src="../../../../ui/webui/resources/js/action_link.js"></script>
<script src="../../../../ui/webui/resources/js/event_tracker.js"></script>
<script src="../../../../ui/webui/resources/js/parse_html_subset.js"></script>
<script src="../../../../ui/webui/resources/js/util.js"></script>

<script src="../../../../ui/webui/resources/js/cr.js"></script>
<script src="../../../../ui/webui/resources/js/cr/event_target.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/bubble.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/card_slider.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/context_menu_handler.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/drag_wrapper.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/expandable_bubble.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/focus_manager.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/menu_item.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/menu.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/position_util.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/menu_button.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/context_menu_button.js"></script>
<script src="../../../../ui/webui/resources/js/cr/ui/touch_handler.js"></script>

<script src="tile_page.js"></script>
<script src="apps_page.js"></script>
<script src="dot_list.js"></script>
<script src="most_visited_page.js"></script>
<script src="trash.js"></script>
<script src="page_list_view.js"></script>
<script src="page_switcher.js"></script>

<script src="nav_dot.js"></script>
<script src="new_tab.js"></script>
<script src="other_sessions.js"></script>
</head>

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

  <div id="card-slider-frame">
    <button id="page-switcher-start" class="page-switcher custom-appearance"
        tabindex="2" hidden>‹
    </button>
    <div id="page-list"></div>
    <button id="page-switcher-end" class="page-switcher custom-appearance"
        tabindex="2" hidden>›
    </button>
    <div id="attribution">
      <span i18n-content="attributionintro"></span>
      <img id="attribution-img">
    </div>
  </div>

  <div id="app-launcher-promo" hidden>
    <div class="apps-promo-text" i18n-content="appsPromoTitle"></div>
    <a href="https://chrome.google.com/webstore/launcher"
       id="apps-promo-learn-more" class="apps-promo-learn-more"
       i18n-content="learn_more">
    </a>
    <img src="app_launcher_promo.png">
    <button class="close-button custom-appearance"
            id="app-launcher-promo-close-button">
    </button>
  </div>

  <div id="footer">
    <div id="footer-border"></div>
    <div id="footer-content">
      <div id="logo-img">
        <img alt="" src="chrome://theme/IDR_PRODUCT_LOGO">
        <div id="promo-bubble-anchor"></div>
      </div>

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

      <div id="footer-menu-container" class="menu-container">
        <button id="other-sessions-menu-button"
            class="footer-menu-button custom-appearance" hidden>
          <span i18n-content="otherSessions"></span>
          <div class="disclosure-triangle"></div>
        </button>
        <a id="chrome-web-store-link">
          <span id="chrome-web-store-title" i18n-content="webStoreTitleShort">
          </span>
        </a>
        <div id="vertical-separator"></div>
      </div>

      <div id="trash" class="trash">
        <span class="lid"></span>
        <span class="can"></span>
        <span class="trash-text" i18n-content="appuninstall"></span>
      </div>
    </div>
  </div>

  <div id="login-container" hidden>
    <div id="login-status-header-container" class="login-status-row">
      <div id="login-status-header"></div>
    </div>
    <div id="login-status-sub-header"></div>
  </div>
</body>

<!-- A div to hold all the templates, and in the darkness bind them. -->
<div hidden>

<!-- Login status bubble -->
<div id="login-status-bubble-contents">
  <div id="login-status-message-container">
    <span i18n-content="login_status_message"></span>
    <a id="login-status-learn-more" i18n-content="learn_more"
        i18n-values="href:login_status_url" target="_blank"></a>
  </div>
  <div class="login-status-row">
    <div id="login-status-advanced-container">
      <a is="action-link" id="login-status-advanced"
          i18n-content="login_status_advanced"></a>
    </div>
    <button id="login-status-dismiss" i18n-content="login_status_dismiss">
    </button>
  </div>
</div>

<!-- App Contents w/ Large Icon -->
<div id="app-large-icon-template" class="app-contents">
  <div class="app-img-container" aria-hidden="true">
    <img class="invisible" alt="">
  </div>
  <span class="title"></span>
</div>

<!-- App Contents w/ Small Icon -->
<div id="app-small-icon-template" class="app-contents">
  <div class="app-icon-div" aria-hidden="true">
    <div class="app-img-container">
      <img class="invisible" alt="">
    </div>
    <div class="color-stripe"></div>
  </div>
  <span class="title"></span>
</div>

<!-- Message shown in the other sessions menu when the user is signed in but
     there is no session data (e.g. they have tab sync turned off). -->
<div id="other-sessions-promo-template" class="other-sessions-promo-message">
  <span i18n-content="otherSessionsEmpty"></span>
  <p>
    <a i18n-values="href:otherSessionsLearnMoreUrl" i18n-content="learnMore">
    </a>
  </p>
</div>

</div>

<!-- This is used to measure text in the current locale. It is not visible. -->
<div id="fontMeasuringDiv"></div>

</html>