mirror of
https://github.com/chinchang/web-maker.git
synced 2025-02-20 13:16:43 +01:00
minor tweaks.
This commit is contained in:
parent
4b62b39456
commit
bb5e41e147
BIN
icon-16.png
BIN
icon-16.png
Binary file not shown.
Before Width: | Height: | Size: 345 B After Width: | Height: | Size: 343 B |
25
index.html
25
index.html
@ -1,7 +1,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Web Maker- code in your browser</title>
|
||||
<title>Web-Maker - quick web experiments in your browser</title>
|
||||
<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
|
||||
<link rel="stylesheet" href="lib/codemirror/theme/monokai.css">
|
||||
|
||||
@ -65,11 +65,6 @@
|
||||
.layout-2 .code-wrap {
|
||||
height: auto;
|
||||
width: 33%;
|
||||
/*margin-bottom: 0;*/
|
||||
/*margin-right: 4px;*/
|
||||
}
|
||||
.code-wrap:last-child {
|
||||
/*margin-bottom: 0;*/
|
||||
}
|
||||
.code-wrap:nth-of-type(3) {
|
||||
animation-delay: 0.3s;
|
||||
@ -124,6 +119,7 @@
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
width: 48px;
|
||||
margin-right: 5px;
|
||||
background: url(icon-48.png) 0px -12px;
|
||||
background-repeat: no-repeat;
|
||||
vertical-align: middle;
|
||||
@ -141,6 +137,15 @@
|
||||
margin-left: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
.footer__link:first-of-type {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.footer__link {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
.footer a > svg {
|
||||
fill: rgba(255, 255, 255, 0.2)
|
||||
}
|
||||
@ -174,7 +179,6 @@
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
.modal__content {
|
||||
/*color: #fff;*/
|
||||
background: #fdfdfd;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
@ -244,13 +248,13 @@
|
||||
</div>
|
||||
<div class="logo"></div>
|
||||
© Web-Maker
|
||||
<a id="js-help-btn">
|
||||
<a id="js-help-btn" class="footer__link">
|
||||
<svg style="width:20px; height:20px; vertical-align:text-bottom" viewBox="0 0 24 24">
|
||||
<path d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z" />
|
||||
</svg>
|
||||
</a>
|
||||
<!-- #00ACED -->
|
||||
<a href="http://twitter.com/share?url=http://kushagragour.in/lab/web-maker/&text=Web-Maker: Quick & offline web experimenting in your browser!&related=hint_css&hashtags=web,tinker,chrome" target="_blank">
|
||||
<a class="footer__link" href="http://twitter.com/share?url=http://kushagragour.in/lab/web-maker/&text=Web-Maker: Quick & offline web experimenting in your browser!&related=hint_css&hashtags=web,tinker,chrome" target="_blank">
|
||||
<svg viewBox="0 0 16 16" style="width:20px; height:20px; vertical-align:text-bottom">
|
||||
<path id="twitter-icon" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
|
||||
c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
|
||||
@ -273,7 +277,6 @@
|
||||
|
||||
<div class="modal-overlay"></div>
|
||||
|
||||
|
||||
<svg width="30" height="30" viewBox="0 0 100 100" fill="rgba(255, 255, 255, 0.09)">
|
||||
<defs>
|
||||
<g id="mode-icon">
|
||||
@ -300,7 +303,5 @@
|
||||
<script src="lib/split.js"></script>
|
||||
<script src="script.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
x
Reference in New Issue
Block a user