Permalink
Browse files

sass/compass coffeescript/oridomi

  • Loading branch information...
getsetbro committed Dec 5, 2013
1 parent 487c515 commit 03447ae885e16831925cef7b685db6c376b402a8
View
@@ -0,0 +1 @@
.sass-cache/
View
@@ -1,3 +1,3 @@
http://getsetbro.github.com
http://getsetbro.github.io
<a href="http://getsetbro.github.com">http://getsetbro.github.com</a>
<a href="http://getsetbro.github.io">http://getsetbro.github.io</a>
View
@@ -0,0 +1,24 @@
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"
# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
View
BIN +4.19 KB favicon.ico
Binary file not shown.
View
@@ -1,62 +1,30 @@
<!doctype html>
<!-- The Time Machine GitHub pages theme was designed and developed by Jon Rohan, on Feb 7, 2012. -->
<!-- Follow him for fun. http://twitter.com/jonrohan. Tail his code on http://github.com/jonrohan -->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="stylesheets/stylesheet.css" media="screen"/>
<link rel="stylesheet" href="stylesheets/pygment_trac.css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="javascripts/script.js"></script>
<title>Getsetbro.github.com</title>
<meta name="description" content="getsetbro github pages">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>getsetbro thing</title>
<meta name="description" content="getsetbro github">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="stylesheets/screen.css" />
</head>
<body>
<div class="wrapper">
<header>
<h1 class="title">Getsetbro.github.com</h1>
</header>
<div id="container">
<p class="tagline">getsetbro github pages</p>
<div id="main" role="main">
<div class="download-bar">
<div class="inner">
<a href="https://github.com/getsetbro" class="code">View Getsetbro.github.com on GitHub</a>
<section id="demos">
<div class="demo demo3">
<h3>getsetbro<br>thing</h3>
</div>
<span class="blc"></span><span class="trc"></span>
<div>
<div class="label">Random</div>
<div class="button" data-n="0">fold</div>
</div>
<article class="markdown-body">
<p><a href="http://getsetbro.github.com/iPhone-like_Sliding_Headers/index.html">iPhone-like_Sliding_Headers</a></p>
<p><a href="http://getsetbro.github.com/responsive_nav_menu/index.html">responsive_nav_menu</a></p>
<p><a href="http://getsetbro.github.com/searchboxwithcategorydropdown/index.html">searchbox-with-category-dropdown</a></p>
</article>
</div>
</div>
<footer>
<div class="owner">
<p><a href="https://github.com/getsetbro" class="avatar"><img src="https://secure.gravatar.com/avatar/e8b812a5a5ba67986cb37e33855cb8ce?s=30&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="48" height="48"/></a>View <a href="https://github.com/getsetbro">getsetbro</a> on <a href="https://www.github.com">GitHub</a></p>
</div>
<div class="creds">
<small>This page generated using <a href="https://pages.github.com/">GitHub Pages</a><br/>theme by <a href="http://twitter.com/jonrohan/">Jon Rohan</a></small>
</div>
</footer>
</div>
<div class="current-section">
<a href="#top">Scroll to top</a>
<a href="https://github.com/getsetbro/getsetbro.github.com/tarball/master" class="tar">tar</a><a href="https://github.com/getsetbro/getsetbro.github.com/zipball/master" class="zip">zip</a><a href="" class="code">source code</a>
<p class="name"></p>
</div>
</section>
<script src="javascripts/oridomi.min.js"></script>
<script src="lib/demo.js"></script>
</body>
</html>
</html>

Large diffs are not rendered by default.

Oops, something went wrong.
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -0,0 +1,150 @@
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import "compass";
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
::-moz-selection {
background: #444;
color: #fff;
text-shadow: none;
}
::selection {
background: #444;
color: #fff;
text-shadow: none;
}
a {
color: #333;
}
li {
list-style: none;
}
html {
font-size: 10px;
min-width: 300px;
}
body {
border-top: 4px solid #333;
background-color: #fff;
color: #333;
margin: 0 auto;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-align: center;
}
.button {
background-color: #444;
display: inline-block;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
padding: 0.8rem;
cursor: pointer;
-webkit-border-radius: 4px;
border-radius: 4px;
-ms-transition: background-color 0.2s, color 0.2s;
@include transition(background-color 0.2s, color 0.2s);
text-decoration: none;
position: relative;
top: 0.2rem;
}
.button:hover {
background-color: #ddd;
color: #666;
}
.button:active {
top: 0.3rem;
}
section {
margin: 2rem 0;
padding: 2rem;
overflow: hidden;
}
#demos {
margin-top: 0;
}
.demo {
display: block;
max-width: 80rem;
width: 100%;
min-width: 320px;
position: relative;
margin: 0 auto;
margin-bottom: 2rem;
}
.label {
background-color: #f8f8f8;
color: #999;
font-family: monospace;
display: inline-block;
padding: 1rem;
font-size: 1.3rem;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 20rem;
position: relative;
}
.demo3 {
text-transform: uppercase;
background-color: #444;
border: 1.5rem solid #fe57a1;
color: #fe57a1;
font-size: 6rem;
padding: 2rem;
}
.demo3 h3 {
font-weight: 100;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 480px) {
html {
font-size: 9px;
}
.logo {
width: 100%;
font-size: 9rem;
}
.demo {
width: 90%;
}
#features li {
font-size: 1.7rem;
width: 100%;
text-align: center !important;
margin: 0 auto !important;
}
}
@media only screen and (max-width: 780px) {
#menu {
display: none;
}
}
@media only screen and (max-device-width: 480px) {
.oridomi-content {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
}
@media only screen and (min-width: 970px) {
#demos li {
width: 35%;
display: inline-block;
}
}
View
@@ -0,0 +1,32 @@
document.addEventListener 'DOMContentLoaded', ->
unless OriDomi.isSupported
document.getElementById('unsupported').style.display = 'block'
return
demos = [
#new OriDomi '.demo2', maxAngle: 89, ripple: true
new OriDomi '.demo3', vPanels: 8, ripple: true
]
setTimeout ->
demos[0].twist -73
# demos[1].reveal 40
, 1000
methods = ['accordion', 'curl', 'reveal', 'fracture', 'ramp', 'stairs', 'twist']
document.getElementById('demos').addEventListener 'click', (e) ->
return unless (el = e.target).className is 'button'
n = el.getAttribute 'data-n'
method = methods[Math.floor Math.random() * methods.length]
angle = Math.floor Math.random() * 80 * (if Math.random() > .5 then -1 else 1)
demos[n][method] if method isnt 'foldUp' then angle else undefined
#angle = '' if method is 'foldUp'
el.parentNode.getElementsByClassName('label')[0].innerHTML = "#{ method }(#{ angle })"
, false
View

This file was deleted.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 03447ae

Please sign in to comment.