remove unused demos
Двоичные данные
mobile/imgs/panels/application.png
До Ширина: | Высота: | Размер: 183 KiB |
Двоичные данные
mobile/imgs/panels/console.png
До Ширина: | Высота: | Размер: 114 KiB |
Двоичные данные
mobile/imgs/panels/elements.png
До Ширина: | Высота: | Размер: 310 KiB |
Двоичные данные
mobile/imgs/panels/memory.png
До Ширина: | Высота: | Размер: 220 KiB |
Двоичные данные
mobile/imgs/panels/network.png
До Ширина: | Высота: | Размер: 236 KiB |
Двоичные данные
mobile/imgs/panels/performance.png
До Ширина: | Высота: | Размер: 187 KiB |
Двоичные данные
mobile/imgs/panels/security.png
До Ширина: | Высота: | Размер: 219 KiB |
Двоичные данные
mobile/imgs/panels/sources.png
До Ширина: | Высота: | Размер: 219 KiB |
|
@ -1,32 +0,0 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.panel {
|
||||
display: inline-block;
|
||||
width: 25%;
|
||||
}
|
||||
.panels {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.title {
|
||||
text-align: center;
|
||||
}
|
||||
@media (min-width: 600px) and (max-width: 999px) {
|
||||
.panel {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 599px) {
|
||||
.panel {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
|
@ -1,59 +0,0 @@
|
|||
<!--
|
||||
Copyright 2016 Google Inc.
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
-->
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Tour De DevTools</title>
|
||||
<link rel="stylesheet" type="text/css" href="v1.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<h1 class="title">Tour De DevTools</h1>
|
||||
<div class="panels">
|
||||
<figure class="panel">
|
||||
<img src="imgs/panels/elements.png"/>
|
||||
<figcaption>The Elements panel</figcaption>
|
||||
</figure>
|
||||
<figure class="panel">
|
||||
<img src="imgs/panels/console.png"/>
|
||||
<figcaption>The Console panel</figcaption>
|
||||
</figure>
|
||||
<figure class="panel">
|
||||
<img src="imgs/panels/sources.png"/>
|
||||
<figcaption>The Sources panel</figcaption>
|
||||
</figure>
|
||||
<figure class="panel">
|
||||
<img src="imgs/panels/network.png"/>
|
||||
<figcaption>The Network panel</figcaption>
|
||||
</figure>
|
||||
<figure class="panel">
|
||||
<img src="imgs/panels/performance.png"/>
|
||||
<figcaption>The Performance panel</figcaption>
|
||||
</figure>
|
||||
<figure class="panel">
|
||||
<img src="imgs/panels/application.png"/>
|
||||
<figcaption>The Application panel</figcaption>
|
||||
</figure>
|
||||
<figure class="panel">
|
||||
<img src="imgs/panels/memory.png"/>
|
||||
<figcaption>The Memory panel</figcaption>
|
||||
</figure>
|
||||
<figure class="panel">
|
||||
<img src="imgs/panels/security.png"/>
|
||||
<figcaption>The Security panel</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,17 +0,0 @@
|
|||
.header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: beige;
|
||||
height: 10vh;
|
||||
width: 100vw;
|
||||
z-index: 1;
|
||||
}
|
||||
.nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
width: 90vw;
|
||||
background-color: aquamarine;
|
||||
z-index: 2;
|
||||
}
|
|
@ -1,33 +0,0 @@
|
|||
<!--
|
||||
Copyright 2016 Google Inc.
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
-->
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>v1</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="v1.css"/>
|
||||
<script src="v1.js" async></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav">
|
||||
<button class="close">Close</button>
|
||||
</nav>
|
||||
<header class="header"><button class="open">Menu</button></header>
|
||||
<article>
|
||||
<p>hallo</p>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
|
@ -1,12 +0,0 @@
|
|||
var nav = document.querySelector('.nav'),
|
||||
open = document.querySelector('.open'),
|
||||
close = document.querySelector('.close');
|
||||
open.addEventListener('click', function() {
|
||||
console.log('open');
|
||||
});
|
||||
close.addEventListener('click', function() {
|
||||
console.log('close');
|
||||
});
|
||||
window.addEventListener('load', function () {
|
||||
nav.style.left = "-90vw";
|
||||
});
|