-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinformation.html
113 lines (85 loc) · 4.13 KB
/
information.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fear Culture</title>
<meta content="" name="description">
<meta content="" name="author">
<meta content="width=device-width, initial-scale=1" name="viewport">
<script type="text/javascript">
WebFontConfig = { fontdeck: { id: '53859' } };
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
<link href="css/normalize.css" rel="stylesheet">
<link href="css/fabric.css" rel="stylesheet">
<link rel="stylesheet" href="//f.fontdeck.com/s/css/kMKnUjdoBBFh3Bn8kz2hYxQJtEo/joshosbrn.github.io/53859.css" type="text/css" />
<link href="images/favicon.png" rel="icon" type="image/png">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/animatescroll.js"></script>
</head>
<body>
<div class="scroll-top"></div>
<div class="container">
<a class="back-link" href="index.html">↫</a>
<div class="row intro">
<div class="three columns"> </div>
<div class="six columns center"><a class="button-link" href="index.html"><img class="logo" src="img/fear_guy.svg"></a><br>
</div>
</div>
<div class="team-section">
<div class="row section-header">
<!--<div class="twelve columns">
<h3>Fear Culture is...</h3>
</div>-->
</div>
<div class="row thumbnails">
<div class="three columns">
<div class="profile-block">
<img class="team-photo" src="img/01 joe_fearculture_profile.jpg">
<span class="team-name">Joe Letchford</span><br><span class="role">Designer</span>
</div><br><br>
<div class="profile-block">
<img class="team-photo" src="img/06_will_fearculture_profile.jpg">
<span class="team-name">Will Luck</span><br><span class="role">Editor</span>
</div>
</div>
<div class="three columns">
<span class="column-header">Contributing Designers</span>
<ul>
<li><a href="http://www.joeletchford.com">Joe Letchford</a></li>
<li><a href="http://jacobscottjohnson.com/">Jacob Johnson</a></li>
<li><a href="#">Abbie Winters</a></li>
<li><a href="#">Lindsay Hatrick</a></li>
<li><a href="#">Josh Osborne</a></li>
</ul>
<br>
<span class="column-header">Contributing Writers</span>
<ul>
<li><a href="#">Will Luck</a></li>
<li><a href="#">Meriam Weirich</a></li>
<li><a href="#">Jordan Fust</a></li>
<li><a href="#">Aba Mfrase-Ewur</a></li>
<li><a href="#">Abbie Winters</a></li>
<li><a href="#">Lindsay Hattrick</a></li>
<li><a href="#">Mike Platania</a></li>
</ul>
</div>
<div class="six columns">
<p class="letter-text">Fear Culture burbled from the brain-holes of two sacks of starstuff suffering from terminal humanity. Longing for the love and companionship of creation and sharing, they built this raw space where writers, designers, and photographers collaborate fearfully, because everyone is afraid. It’s what we do with our fear that matters. Fear Culture embraces the fearful weirdz and gives them a space to be imperfect and spill. Pure and simple. We make no pretensions of art. We call nothing poetic, nor meaningful. We are only peeling off pieces of ourselves and pasting them on wood pulp. Which is fun and scary, like jumping from a high something. Plus, our pulpy paper pieces will probably live longer than we will—especially if we keep jumping from high somethings.<br><br>Be Afraid, and Happy Jumping.<br>Love.<br>Joe and Will</p>
</div>
</div>
<div class="row sections">
<div class="twelve columns center">
<a href="#" onclick="$('.scroll-top').animatescroll({scrollSpeed:750,padding:55,easing:'easeInOutCubic'});">↑ Back to Top ↑</a>
</div>
</div>
</div>
</body>