Submodule hustle.
This commit is contained in:
162
init/Smyck-Color-Scheme/html/css/style.css
Normal file
162
init/Smyck-Color-Scheme/html/css/style.css
Normal file
@ -0,0 +1,162 @@
|
||||
/* first for IE 4–8 */
|
||||
@font-face {
|
||||
font-family: AdvertWeb-Light;
|
||||
src: url("../fonts/AdvertWeb-Light.eot");
|
||||
}
|
||||
|
||||
/* then for WOFF-capable browsers */
|
||||
@font-face {
|
||||
font-family: AdvertWeb-Light;
|
||||
src: url("../fonts/AdvertWeb-Light.woff") format("woff");
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: #242424;
|
||||
text-align: center;
|
||||
font-family: AdvertWeb-Light;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1.5em;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #9CD9F0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #72B3CC;
|
||||
}
|
||||
|
||||
p {
|
||||
padding-left: 30px;
|
||||
padding-right: 10px;
|
||||
color: #B0B0B0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #F7F7F7;
|
||||
font-weight: normal;
|
||||
font-size: 100px;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #B0B0B0;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
margin-top: 30px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
margin: 0 auto;
|
||||
margin-top: 60px;
|
||||
width: 672px;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#logo {
|
||||
margin-left: 10px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
#color_code {
|
||||
opacity: 0.0;
|
||||
color: #5D5D5D;
|
||||
padding-right: 10px;
|
||||
font-size: 30px;
|
||||
font-family: Menlo, Monaco, Courier, mono-spaced;
|
||||
letter-spacing: 1px;
|
||||
text-align: right;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
div#screenshots {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.color {
|
||||
float: left;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.screenshot {
|
||||
margin-left: -48px;
|
||||
}
|
||||
|
||||
#black {
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
#gray {
|
||||
background-color: #5D5D5D;
|
||||
}
|
||||
|
||||
#darkred{
|
||||
background-color: #C75646;
|
||||
}
|
||||
|
||||
#red {
|
||||
background-color: #E09690;
|
||||
}
|
||||
|
||||
#darkgreen {
|
||||
background-color: #8EB33B;
|
||||
}
|
||||
|
||||
#green {
|
||||
background-color: #CDEE69;
|
||||
}
|
||||
|
||||
#darkyellow {
|
||||
background-color: #D0B03C;
|
||||
}
|
||||
|
||||
#yellow {
|
||||
background-color: #FFE377;
|
||||
}
|
||||
|
||||
#darkblue {
|
||||
background-color: #4E90A7;
|
||||
}
|
||||
|
||||
#blue {
|
||||
background-color: #9CD9F0;
|
||||
}
|
||||
|
||||
#darkmagenta {
|
||||
background-color: #C8A0D1;
|
||||
}
|
||||
|
||||
#magenta {
|
||||
background-color: #FBB1F9;
|
||||
}
|
||||
|
||||
#darkcyan {
|
||||
background-color: #218693;
|
||||
}
|
||||
|
||||
#cyan {
|
||||
background-color: #77DFD8;
|
||||
}
|
||||
|
||||
#lightgray {
|
||||
background-color: #B0B0B0;
|
||||
}
|
||||
|
||||
#white {
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
|
||||
BIN
init/Smyck-Color-Scheme/html/fonts/AdvertWeb-Light.eot
Normal file
BIN
init/Smyck-Color-Scheme/html/fonts/AdvertWeb-Light.eot
Normal file
Binary file not shown.
BIN
init/Smyck-Color-Scheme/html/fonts/AdvertWeb-Light.woff
Normal file
BIN
init/Smyck-Color-Scheme/html/fonts/AdvertWeb-Light.woff
Normal file
Binary file not shown.
BIN
init/Smyck-Color-Scheme/html/images/diff.png
Normal file
BIN
init/Smyck-Color-Scheme/html/images/diff.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
BIN
init/Smyck-Color-Scheme/html/images/erlang.png
Normal file
BIN
init/Smyck-Color-Scheme/html/images/erlang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
BIN
init/Smyck-Color-Scheme/html/images/logo.jpg
Normal file
BIN
init/Smyck-Color-Scheme/html/images/logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
init/Smyck-Color-Scheme/html/images/ruby.png
Normal file
BIN
init/Smyck-Color-Scheme/html/images/ruby.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
118
init/Smyck-Color-Scheme/html/index.html
Normal file
118
init/Smyck-Color-Scheme/html/index.html
Normal file
@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Smyck Color Scheme</title>
|
||||
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="logo">
|
||||
<img src="images/logo.jpg" alt="SMYCK Logo" />
|
||||
</div>
|
||||
<div class="color_row">
|
||||
<div class="color" id="black"></div>
|
||||
<div class="color" id="darkred"></div>
|
||||
<div class="color" id="darkgreen"></div>
|
||||
<div class="color" id="darkyellow"></div>
|
||||
<div class="color" id="darkblue"></div>
|
||||
<div class="color" id="darkmagenta"></div>
|
||||
<div class="color" id="darkcyan"></div>
|
||||
<div class="color" id="lightgray"></div>
|
||||
</div>
|
||||
<div class="color_row">
|
||||
<div class="color" id="gray"></div>
|
||||
<div class="color" id="red"></div>
|
||||
<div class="color" id="green"></div>
|
||||
<div class="color" id="yellow"></div>
|
||||
<div class="color" id="blue"></div>
|
||||
<div class="color" id="magenta"></div>
|
||||
<div class="color" id="cyan"></div>
|
||||
<div class="color" id="white"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
<div id="color_code">
|
||||
|
||||
</div>
|
||||
|
||||
<h2>About</h2>
|
||||
<p>
|
||||
This is a color scheme for terminals and text editors to create a
|
||||
homogenous work environment which is pleasant for the eyes.
|
||||
The colors are carefully chosen and should work well in many
|
||||
different situations.
|
||||
</p>
|
||||
<p>
|
||||
The terminal settings will update the ANSI color definitions to allow the
|
||||
vim theme to work in the terminal as well. This way your development
|
||||
environment will look the same no matter if you work on your local or a
|
||||
remote machine.
|
||||
</p>
|
||||
<p>
|
||||
<strong>
|
||||
NOTE: The theme is currently still under development and colors
|
||||
may change a litte from time to time
|
||||
</strong>
|
||||
</p>
|
||||
|
||||
<h2>What is included?</h2>
|
||||
<p>
|
||||
The package currently includes settings for Terminal.app, iTerm2, Vim
|
||||
and TextMate theme compatible editors like Sublime Text 2 and Chocolat.
|
||||
</p>
|
||||
<p>
|
||||
I hope a port of the settings to common Linux/BSD terminals and editors
|
||||
will follow in the not too distant future but right now my efforts are
|
||||
focussed on OSX.
|
||||
</p>
|
||||
|
||||
<h2>Instructions / Contribution</h2>
|
||||
<p>
|
||||
Please visit the <a href='https://github.com/hukl/Smyck-Color-Scheme/'>
|
||||
Github project page</a> for installation instructions and bug reporting
|
||||
or contact me directly via <a href='http://twitter.com/hukl'>twitter</a>.
|
||||
</p>
|
||||
<p>
|
||||
Contributions like ports to other terminals, editors, operating systems
|
||||
and Feedback in general are more than welcome!
|
||||
</p>
|
||||
|
||||
<h2>How to get it?</h2>
|
||||
<p>
|
||||
<a href='https://github.com/hukl/Smyck-Color-Scheme/zipball/master'>
|
||||
Click here to download
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
Enough words, here are some example screenshots.
|
||||
</p>
|
||||
<div id='screenshots'>
|
||||
<img class='screenshot' src='images/ruby.png' alt='Screenshot of ruby syntax highlighting' />
|
||||
<img class='screenshot' src='images/erlang.png' alt='Screenshot of erlang syntax highlighting' />
|
||||
<img class='screenshot' src='images/diff.png' alt='Screenshot of diff highlighting' />
|
||||
</div>
|
||||
<p>
|
||||
The smyck color scheme is licensed under the
|
||||
<a href="https://github.com/hukl/Smyck-Color-Scheme/blob/master/LICENSE">MIT License</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<script src="js/zepto.min.js"></script>
|
||||
<script src="js/mcp.js"></script>
|
||||
<!-- Piwik -->
|
||||
<script type="text/javascript">
|
||||
var pkBaseURL = (("https:" == document.location.protocol) ? "https://stats.smyck.org/" : "http://stats.smyck.org/");
|
||||
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script><script type="text/javascript">
|
||||
try {
|
||||
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 5);
|
||||
piwikTracker.trackPageView();
|
||||
piwikTracker.enableLinkTracking();
|
||||
} catch( err ) {}
|
||||
</script><noscript><p><img src="http://stats.smyck.org/piwik.php?idsite=5" style="border:0" alt="" /></p></noscript>
|
||||
<!-- End Piwik Tracking Code -->
|
||||
</body>
|
||||
</html>
|
||||
47
init/Smyck-Color-Scheme/html/js/mcp.js
Normal file
47
init/Smyck-Color-Scheme/html/js/mcp.js
Normal file
@ -0,0 +1,47 @@
|
||||
Zepto(function($){
|
||||
color_matrix.initialize();
|
||||
});
|
||||
|
||||
Event = undefined;
|
||||
|
||||
color_matrix = {
|
||||
initialize : function() {
|
||||
$('div.color').on('mouseover', function(e) {
|
||||
var target = $(e.target);
|
||||
var color = color_matrix.rgb_to_hex( target.css('background-color') );
|
||||
|
||||
if ( Event ) {
|
||||
clearTimeout(Event);
|
||||
Evemt = undefined;
|
||||
}
|
||||
|
||||
color_matrix.show_color_code( color );
|
||||
});
|
||||
},
|
||||
|
||||
show_color_code : function( color ) {
|
||||
var code = $("div#color_code");
|
||||
|
||||
code.html(color);
|
||||
|
||||
if (Event === undefined) {
|
||||
code.animate({ opacity : 1.0 });
|
||||
}
|
||||
|
||||
Event = setTimeout(function(){
|
||||
code.animate({ opacity : 0.0 });
|
||||
Event = undefined;
|
||||
}, 5000);
|
||||
},
|
||||
|
||||
rgb_to_hex : function( color ) {
|
||||
var m = /rgba?\((\d+), (\d+), (\d+)/.exec( color );
|
||||
if (m) {
|
||||
var hex = ('#' + (m[1] << 16 | m[2] << 8 | m[3]).toString(16)).toUpperCase();
|
||||
return hex == "#0" ? "#000000" : hex;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
2
init/Smyck-Color-Scheme/html/js/zepto.min.js
vendored
Normal file
2
init/Smyck-Color-Scheme/html/js/zepto.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user