mirror of
https://github.com/TomHodson/tomhodson.github.com.git
synced 2025-06-26 10:01:18 +02:00
replace everything
This commit is contained in:
parent
86364148b6
commit
f4ea1d2a7f
26
2sand3s.svg
26
2sand3s.svg
@ -1,26 +0,0 @@
|
||||
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" height="200" width="200" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" >
|
||||
<defs >
|
||||
<clipPath id="clip" >
|
||||
<circle cy="100.0" cx="100.0" r="100.0" style="stroke:black; stroke-width:1; fill:none; " />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g style="stroke-width:1; stroke:#D02090; fill:none; stroke-opacity:0.6; clip-path:url(#clip); " >
|
||||
<circle cy="10.0" cx="100.0" r="10.0" />
|
||||
<circle cy="30.0" cx="100.0" r="10.0" />
|
||||
<circle cy="50.0" cx="100.0" r="10.0" />
|
||||
<circle cy="70.0" cx="100.0" r="10.0" />
|
||||
<circle cy="90.0" cx="100.0" r="10.0" />
|
||||
<circle cy="110.0" cx="100.0" r="10.0" />
|
||||
<circle cy="130.0" cx="100.0" r="10.0" />
|
||||
<circle cy="150.0" cx="100.0" r="10.0" />
|
||||
<circle cy="170.0" cx="100.0" r="10.0" />
|
||||
<circle cy="190.0" cx="100.0" r="10.0" />
|
||||
<circle cy="15.0" cx="100.0" r="15.0" />
|
||||
<circle cy="45.0" cx="100.0" r="15.0" />
|
||||
<circle cy="75.0" cx="100.0" r="15.0" />
|
||||
<circle cy="105.0" cx="100.0" r="15.0" />
|
||||
<circle cy="135.0" cx="100.0" r="15.0" />
|
||||
<circle cy="165.0" cx="100.0" r="15.0" />
|
||||
<circle cy="195.0" cx="100.0" r="15.0" />
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1,94 +0,0 @@
|
||||
<html>
|
||||
|
||||
<canvas id="canvas"></canvas>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var canvas = $("#canvas")[0];
|
||||
var context = canvas.getContext("2d");
|
||||
canvas.width = innerWidth;
|
||||
canvas.height = innerHeight * 3;
|
||||
//draw
|
||||
prettytiles();
|
||||
|
||||
|
||||
function prettytiles() {
|
||||
var box_width = 100;
|
||||
var n_rows = Math.floor(canvas.width / box_width);
|
||||
context.translate(box_width,box_width);
|
||||
for (var i = 0; i < 100; i++) {
|
||||
var x = (i%n_rows)*box_width;
|
||||
var y = Math.floor(i / n_rows) * box_width;
|
||||
|
||||
context.translate(x,y);
|
||||
context.scale(box_width/2, box_width/2);
|
||||
factordiagram(primefactors(i+1)).draw();
|
||||
context.scale(1/(box_width/2), 1/(box_width/2));
|
||||
context.translate(-x,-y);
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
function factordiagram(factors) {
|
||||
if(factors.length == 0) { //there are no factors left, we're at the bottom; draw a little dot
|
||||
return {
|
||||
draw: function() {
|
||||
context.beginPath();
|
||||
context.arc(0,0,1,0,2*Math.PI);
|
||||
context.stroke();
|
||||
context.fill();
|
||||
},
|
||||
width : 1,
|
||||
height : 1
|
||||
}
|
||||
}
|
||||
else {
|
||||
var factor = factors.pop();
|
||||
var subunit = factordiagram(factors);
|
||||
return {
|
||||
draw : function() {
|
||||
var radius = 0.5;
|
||||
var ang_step = 2*Math.PI/factor;
|
||||
var scale = (2*Math.PI*radius) / (4*factor);
|
||||
for (var i = 0; i < factor; i++) {
|
||||
var x = radius * Math.sin(i * ang_step); var y = radius * Math.cos(i * ang_step);
|
||||
context.translate(x,y);
|
||||
context.scale(scale, scale);
|
||||
if(factor == 2) context.rotate(Math.PI/2);
|
||||
subunit.draw();
|
||||
if(factor == 2) context.rotate(-Math.PI/2);
|
||||
context.scale(1/scale, 1/scale);
|
||||
context.translate(-x,-y);
|
||||
|
||||
};
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function primesupto(x) {
|
||||
notprimes = Array();
|
||||
primes = Array();
|
||||
for (var i = 2; i <= x; i++) {
|
||||
if(notprimes.indexOf(i) == -1) {
|
||||
primes.push(i);
|
||||
notprimes = _.union(notprimes, _.range(0,x+1,i));
|
||||
};
|
||||
};
|
||||
return primes;
|
||||
}
|
||||
|
||||
function primefactors(x) {
|
||||
if(x == 1) { return []; }
|
||||
primes = primesupto(x);
|
||||
for (var i = 0; i < primes.length; i++) {
|
||||
if(x % primes[i] == 0) {
|
||||
return [primes[i]].concat(primefactors(x/primes[i]));
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
</script>
|
||||
</html>
|
||||
100
index.html
100
index.html
File diff suppressed because one or more lines are too long
@ -1,17 +0,0 @@
|
||||
var metas = document.getElementsByTagName('meta');
|
||||
var i;
|
||||
if (navigator.userAgent.match(/iPhone/i)) {
|
||||
for (i=0; i<metas.length; i++) {
|
||||
if (metas[i].name == "viewport") {
|
||||
metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
|
||||
}
|
||||
}
|
||||
document.addEventListener("gesturestart", gestureStart, false);
|
||||
}
|
||||
function gestureStart() {
|
||||
for (i=0; i<metas.length; i++) {
|
||||
if (metas[i].name == "viewport") {
|
||||
metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
{"google":"","note":"Don't delete this file! It's used internally to help with page regeneration.","tagline":"My user page.","body":"### Welcome to GitHub Pages.\r\nThis automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:\r\n\r\n```\r\n$ cd your_repo_root/repo_name\r\n$ git fetch origin\r\n$ git checkout gh-pages\r\n```\r\n\r\nIf you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.\r\n\r\n### Designer Templates\r\nWe've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.\r\n\r\n### Rather Drive Stick?\r\nIf you prefer to not use the automatic generator, push a branch named `gh-pages` to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.\r\n\r\n### Authors and Contributors\r\nYou can @mention a GitHub username to generate a link to their profile. The resulting `<a>` element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out the documentation at http://help.github.com/pages or contact support@github.com and we’ll help you sort it out.","name":"Tomhodson"}
|
||||
1295
prime-circles.svg
1295
prime-circles.svg
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 57 KiB |
169
scratchpad.html
169
scratchpad.html
@ -1,169 +0,0 @@
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<canvas id="canvas"></canvas>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var canvas = document.getElementById("canvas");
|
||||
var context = canvas.getContext("2d");
|
||||
canvas.width = innerWidth;
|
||||
canvas.height = innerHeight-10;
|
||||
console.log(innerWidth, innerHeight);
|
||||
|
||||
var circleratio = 1/3;
|
||||
var numbers = Array(Math.floor((Math.random()*10)+10));
|
||||
for (var i = 0; i < numbers.length; i++) {
|
||||
numbers[i] = Math.floor((Math.random()*100)+1);
|
||||
};
|
||||
|
||||
var highlighted = Array(numbers.length);
|
||||
for (var i = 0; i < highlighted.length; i++) {
|
||||
highlighted[i] = 0;
|
||||
};
|
||||
var speed = 4;
|
||||
var numberoffset = 1/6 * innerWidth;
|
||||
var numberspacing = (2/3 * innerWidth) / numbers.length;
|
||||
var sorted = numbers.slice(0);
|
||||
sorted.sort(function(a,b) {return b-a;});
|
||||
var biggest = sorted[0];
|
||||
|
||||
function clearcanvas() {
|
||||
context.save();
|
||||
|
||||
// Use the identity matrix while clearing the canvas
|
||||
context.setTransform(1, 0, 0, 1, 0, 0);
|
||||
context.clearRect(0, 0, canvas.width, canvas.height);
|
||||
|
||||
// Restore the transform
|
||||
context.restore();
|
||||
}
|
||||
|
||||
function swapcircles(a,b) {
|
||||
|
||||
var max = 100/speed;
|
||||
var iteration = max;
|
||||
var id = 0;
|
||||
var diff = (b-a)/2;
|
||||
var finished = false;
|
||||
|
||||
f = function() {
|
||||
if(iteration < 1) {
|
||||
var temp = numbers[a];
|
||||
numbers[a] = numbers[b];
|
||||
numbers[b] = temp;
|
||||
clearInterval(id);
|
||||
finished = true;
|
||||
}
|
||||
else {
|
||||
iteration--;
|
||||
clearcanvas();
|
||||
var t = iteration/max;
|
||||
var y = innerHeight/2 + numberspacing/2 * Math.sin(t*Math.PI);
|
||||
var x = numberoffset + numberspacing * (a+diff) + numberspacing * diff * Math.cos(t*Math.PI);
|
||||
drawcircle(a, x, y);
|
||||
|
||||
var y = innerHeight/2 + numberspacing/2 * Math.sin(-t*Math.PI);
|
||||
var x = numberoffset + numberspacing * (b-diff) -numberspacing * diff* Math.cos(-t*Math.PI);
|
||||
drawcircle(b, x, y);
|
||||
|
||||
for (var i = 0; i < numbers.length; i++) {
|
||||
if(i != a && i != b) {
|
||||
var y = innerHeight/2;
|
||||
var x = numberoffset + numberspacing * i;
|
||||
drawcircle(i, x, y);
|
||||
}
|
||||
};
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
id = setInterval(f,10);
|
||||
}
|
||||
|
||||
function drawcircle(i, x, y) {
|
||||
var width = circleratio * numberspacing * (numbers[i] / biggest) + 10;
|
||||
if(highlighted[i] == 0) {
|
||||
context.fillStyle = '#000';
|
||||
}
|
||||
else {
|
||||
context.fillStyle = '#f00';
|
||||
}
|
||||
context.beginPath();
|
||||
context.arc(x,y,width,0,2*Math.PI);
|
||||
context.stroke();
|
||||
context.fill();
|
||||
context.strokeStyle = '#fff';
|
||||
context.strokeText(numbers[i], x, y, width);
|
||||
}
|
||||
|
||||
function drawcircles() {
|
||||
|
||||
context.textAlign = 'center';
|
||||
context.textBaseline = 'middle';
|
||||
|
||||
for (var i = 0; i < numbers.length; i++) {
|
||||
var y = innerHeight/2;
|
||||
var x = numberoffset + numberspacing * i;
|
||||
drawcircle(i, x, y);
|
||||
};
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
drawcircles();
|
||||
var a = numbers.length;
|
||||
var b = numbers.length;
|
||||
var id = 0;
|
||||
var pass = numbers.length;
|
||||
|
||||
bubble = function() {
|
||||
|
||||
if(pass <= 0) {
|
||||
numbers = Array(Math.floor((Math.random()*10)+10));
|
||||
for (var i = 0; i < numbers.length; i++) {
|
||||
numbers[i] = Math.floor((Math.random()*100)+1);
|
||||
};
|
||||
|
||||
highlighted = Array(numbers.length);
|
||||
for (var i = 0; i < highlighted.length; i++) {
|
||||
highlighted[i] = 0;
|
||||
};
|
||||
|
||||
numberspacing = (2/3 * innerWidth) / numbers.length;
|
||||
sorted = numbers.slice(0);
|
||||
sorted.sort(function(a,b) {return b-a;});
|
||||
biggest = sorted[0];
|
||||
pass = numbers.length;
|
||||
}
|
||||
else {
|
||||
|
||||
highlighted[a] = 0;
|
||||
highlighted[b] = 0;
|
||||
a++;
|
||||
b++;
|
||||
if(b > pass) {
|
||||
a = 0;
|
||||
b = 1;
|
||||
pass--;
|
||||
}
|
||||
highlighted[a] = 1;
|
||||
highlighted[b] = 1
|
||||
|
||||
drawcircles();
|
||||
if(numbers[a] > numbers[b]) {
|
||||
swapcircles(a,b);
|
||||
}
|
||||
}
|
||||
setTimeout(bubble, 2000/speed);
|
||||
}
|
||||
bubble();
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -1,69 +0,0 @@
|
||||
.highlight { background: #ffffff; }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kn { font-weight: bold } /* Keyword.Namespace */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
|
||||
.type-csharp .highlight .k { color: #0000FF }
|
||||
.type-csharp .highlight .kt { color: #0000FF }
|
||||
.type-csharp .highlight .nf { color: #000000; font-weight: normal }
|
||||
.type-csharp .highlight .nc { color: #2B91AF }
|
||||
.type-csharp .highlight .nn { color: #000000 }
|
||||
.type-csharp .highlight .s { color: #A31515 }
|
||||
.type-csharp .highlight .sc { color: #A31515 }
|
||||
@ -1,255 +0,0 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
|
||||
|
||||
body {
|
||||
padding:50px;
|
||||
font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color:#777;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color:#222;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, dl {
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:28px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:#393939;
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
color:#494949;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#39c;
|
||||
font-weight:400;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a small {
|
||||
font-size:11px;
|
||||
color:#777;
|
||||
margin-top:-0.6em;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width:860px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left:1px solid #e5e5e5;
|
||||
margin:0;
|
||||
padding:0 0 0 20px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
|
||||
color:#333;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding:8px 15px;
|
||||
background: #f8f8f8;
|
||||
border-radius:5px;
|
||||
border:1px solid #e5e5e5;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align:left;
|
||||
padding:5px 10px;
|
||||
border-bottom:1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
dt {
|
||||
color:#444;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
th {
|
||||
color:#444;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
header {
|
||||
width:270px;
|
||||
float:left;
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
header ul {
|
||||
list-style:none;
|
||||
height:40px;
|
||||
|
||||
padding:0;
|
||||
|
||||
background: #eee;
|
||||
background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
|
||||
background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
|
||||
background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
|
||||
background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
|
||||
background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
|
||||
|
||||
border-radius:5px;
|
||||
border:1px solid #d2d2d2;
|
||||
box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
|
||||
width:270px;
|
||||
}
|
||||
|
||||
header li {
|
||||
width:89px;
|
||||
float:left;
|
||||
border-right:1px solid #d2d2d2;
|
||||
height:40px;
|
||||
}
|
||||
|
||||
header ul a {
|
||||
line-height:1;
|
||||
font-size:11px;
|
||||
color:#999;
|
||||
display:block;
|
||||
text-align:center;
|
||||
padding-top:6px;
|
||||
height:40px;
|
||||
}
|
||||
|
||||
strong {
|
||||
color:#222;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
header ul li + li {
|
||||
width:88px;
|
||||
border-left:1px solid #fff;
|
||||
}
|
||||
|
||||
header ul li + li + li {
|
||||
border-right:none;
|
||||
width:89px;
|
||||
}
|
||||
|
||||
header ul a strong {
|
||||
font-size:14px;
|
||||
display:block;
|
||||
color:#222;
|
||||
}
|
||||
|
||||
section {
|
||||
width:500px;
|
||||
float:right;
|
||||
padding-bottom:50px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border:0;
|
||||
background:#e5e5e5;
|
||||
height:1px;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
footer {
|
||||
width:270px;
|
||||
float:left;
|
||||
position:fixed;
|
||||
bottom:50px;
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 960px) {
|
||||
|
||||
div.wrapper {
|
||||
width:auto;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
header, section, footer {
|
||||
float:none;
|
||||
position:static;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
header {
|
||||
padding-right:320px;
|
||||
}
|
||||
|
||||
section {
|
||||
border:1px solid #e5e5e5;
|
||||
border-width:1px 0;
|
||||
padding:20px 0;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
header a small {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
header ul {
|
||||
position:absolute;
|
||||
right:50px;
|
||||
top:52px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 720px) {
|
||||
body {
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
header {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
header ul, header p.view {
|
||||
position:static;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
word-wrap:normal;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 480px) {
|
||||
body {
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
header ul {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
padding:0.4in;
|
||||
font-size:12pt;
|
||||
color:#444;
|
||||
}
|
||||
}
|
||||
2862
without-bounds.svg
2862
without-bounds.svg
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 126 KiB |
Loading…
x
Reference in New Issue
Block a user