You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.9 KiB
47 lines
1.9 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Media Viewer Activity</title>
|
|
<meta name="viewport"
|
|
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover"/>
|
|
<link rel="stylesheet" media="not screen and (device-width: 1200px) and (device-height: 900px)"
|
|
href="lib/sugar-web/graphics/css/sugar-96dpi.css">
|
|
<link rel="stylesheet" media="screen and (device-width: 1200px) and (device-height: 900px)"
|
|
href="lib/sugar-web/graphics/css/sugar-200dpi.css">
|
|
|
|
<link rel="stylesheet" href="css/activity.css">
|
|
<script data-main="js/loader" src="lib/require.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="main-toolbar" class="toolbar">
|
|
<button class="toolbutton" id="activity-button" title="My Activity"></button>
|
|
<button class="toolbutton pull-right" id="stop-button" title="Stop"></button>
|
|
</div>
|
|
|
|
|
|
<svg id="loading-svg" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="0" height="0"
|
|
viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
|
<path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
|
|
s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
|
|
c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/>
|
|
<path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
|
|
C22.32,8.481,24.301,9.057,26.013,10.047z">
|
|
<animateTransform attributeType="xml"
|
|
attributeName="transform"
|
|
type="rotate"
|
|
from="0 20 20"
|
|
to="360 20 20"
|
|
dur="1s"
|
|
repeatCount="indefinite"/>
|
|
</path>
|
|
</svg>
|
|
<div id="media" style="text-align: center;">
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|