-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (136 loc) · 6.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<title>sketches
</title>
<link rel="alternate" href="sketches.kevinsalter.me/feed.xml" type="application/rss+xml" title="✍">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic|Anonymous+Pro:400,700,400italic,700italic|Merriweather:400,700,300">
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<header class="header">
<div class="content-wrap">
<div class="logo">
<h1><a href="/">sketches</a></h1>
<p style="max-width:350px;margin:0 auto 1em;text-transform:none;" class="author"><span>thought experiments and ui/ux wireframing for personal reflection and feedback from the 7Geese flock</span></p>
<p style="margin-bottom:0.45em;" class="author"><span class="coffee-cup"></span><a href="mailto:[email protected]">kevin salter</a></p>
<p class="description">✍</p>
</div>
</div>
</header>
<div id="content">
<div class="content-wrap">
<article class="article intro">
<header>
<p class="date"><span>10. October 2015</span></p>
<h2><a href="/articles/11-github-issue-bookmarklet/">7Geese GitHub Issue Bookmarklet</a></h2>
</header>
<section class="content"><style>
.btn {
display: inline-block;
padding: 4px 10px 4px;
margin: 0 auto;
font-size: 13px;
line-height: 18px;
color: #333333;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ffffff’, endColorstr=’#e6e6e6’, GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*margin-left: .3em;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
background-color: #e6e6e6;
text-decoration: none;
}
</style>
<ol>
<li><p>Drag and drop this button into the bookmarks toolbar in your browser. <a href="javascript:(function() {var e = document.getElementById('issue_body');if (e) {e.value += '### Changelog:\n\n**Subject:**\n\n----------\n\n## Steps to Reproduce\n\n\n## Expected Result\n\n\n## Actual Result\n\n\n## Screenshot\n\n\nRequires documentation? yes/no\nRequires tests? yes/no\nRequires migration? yes/no';}})();" class="btn">7Geese GitHub Issue Template</a></p>
</li>
<li><p>Head on over to <a href="https://github.com/7Geese/7Geese/issues/new">https://github.com/7Geese/7Geese/issues/new</a>, then click on the bookmarklet to fill in the textarea with the issue template!</p>
</li>
<li><p>Profit 💸</p>
</li>
</ol>
<p>
<p class="more"><a href="/articles/11-github-issue-bookmarklet/">more</a></p>
</section>
</article>
<article class="article intro">
<header>
<p class="date"><span>23. September 2015</span></p>
<h2><a href="/articles/10-ia-sketches/">ia sketches</a></h2>
</header>
<section class="content"><blockquote>
<strong>Information Architecture (<span class="caps">IA</span>)</strong> is… um, a lot of things.<br><br>
<div style="margin-left: 30px;">– me, paraphrasing <em>Wikipedia</em></div>
</blockquote>
<p>For the purposes of this exercise, I think it’s fair to classify “information architecture” as <span style="background: lavender;">the organization, labeling, navigation system, and layout of a web application to better support its usability and key workflows</span>.</p>
<p>
<p class="more"><a href="/articles/10-ia-sketches/">more</a></p>
</section>
</article>
<article class="article intro">
<header>
<p class="date"><span>18. September 2015</span></p>
<h2><a href="/articles/9-motion-design-part-2/">motion design (part 2 of 2)</a></h2>
</header>
<section class="content"><p><link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'></p>
<p><link rel="stylesheet" type="text/css" href="./libs/sweetalert.css"></p>
<link rel="stylesheet" type="text/css" href="./main.css">
<p>This week I’ll be picking up where I left off in <a href="/articles/9-motion-design-part-2/sketches.kevinsalter.me/articles/8-motion-design-part-1/">Part 1</a> and make some animation happen. At best, the hope is that some of this experimentation yields something useful, or at least some interesting thoughts and dicussion. At worst, I learned a ton of cool stuff about <span class="caps">SVG</span> animation, and did some math. 😄
<p class="more"><a href="/articles/9-motion-design-part-2/">more</a></p>
</section>
</article>
</div>
</div>
<footer>
<div class="content-wrap">
<div class="nav"><a href="/archive.html">« Archives</a><a href="/page/2/">Next page »</a>
</div>
<section class="copy">
<p>© 2015 kevinsalter — powered by <a href="https://github.com/jnordberg/wintersmith">Wintersmith</a>
</p>
</section>
</div>
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
if (document.location.hostname !== 'localhost') {
ga('create', 'UA-66379942-1', 'auto');
ga('send', 'pageview');
}
</script>
</body>
</html>