This commit is contained in:
Kayce Basques 2017-12-28 10:32:06 -08:00
Родитель 0c77b5dd16
Коммит 8620557470
13 изменённых файлов: 0 добавлений и 153 удалений

Двоичные данные
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";
});