A demonstration of text clipping
A Pen by Crisman Noble on CodePen.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"> | |
<g> | |
<polygon points="35.009,97.063 35.009,97.063 47.875,50.553 25.601,51.904 42.521,7.001 67.758,2.937 49.133,36.511 74.399,33.256 "/> | |
</g> | |
</svg> | |
<i class="noun_project_865"></i> |
<img src="images/noun_project_865.svg" /> |
Scott McNealy's Talk at 1871 on 1/22/2013 | |
5 Lessons: | |
1) Have a Cause | |
- They didn't have a cause until like 2000 or so, but when they did people worked harder | |
- Their cause was to go green | |
2) Make Quality / Customer Service Top Priority at ALL levels | |
- Quality issues should always be #1 on the agenda | |
3) Define the decision making process (absolute v consensus v participative) | |
- Unless you are Steve Jobs you can't do absolute |
javascript:(function(e,a,g,h,f,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement("script");c.type="text/javascript";c.src="//ajax.googleapis.com/ajax/libs/jquery/"+g+"/jquery.min.js";c.onload=c.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d=="loaded"||d=="complete")){h((f=e.jQuery).noConflict(1),b=1);f(c).remove()}};a.documentElement.childNodes[0].appendChild(c)}})(window,document,"1.9.0",function($,L){ | |
var src = 'data:text/html, <textarea style="font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" autofocus />'; | |
var link = document.createElement('form'); | |
link.action=src;link.id='superSecretLink'; | |
link.target='_blank'; | |
var target = document.getElementsByTagName('body')[0]; | |
target.appendChild(link); | |
document.getElementsByTagName('form')[document.getElementsByTagName('form').length - 1].submit() | |
}); |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Hello World</title> | |
</head> | |
<body> | |
Hello world. | |
</body> | |
</html> |
div.inner.cover { | |
padding-top: 62px; | |
} | |
div.inner.cover { | |
text-align: left; | |
} | |
body,html { | |
height: auto!important; | |
min-height: 100%; | |
} |
(function(){ | |
var script = document.createElement('script'); | |
script.type = 'text/javascript'; | |
script.src = '{{scriptSrc}}' + (Math.random()); | |
document.querySelector('head').appendChild(script); | |
}})(); |
(function(){var s=document.createElement('script');s.type='text/javascript';s.src='{{scriptSrc}}'+(Math.random());document.querySelector('head').appendChild(s);}})(); |
A demonstration of text clipping
A Pen by Crisman Noble on CodePen.