-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
246 lines (226 loc) · 12.9 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<title> Disinformed</title>
<meta name="description" content="Disinformed Art and technology" />
<!-- Open Graph data -->
<meta property="og:title" content="Disinformed" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.Disinformed.com" />
<meta property="og:description" content="Disinformed Art and technology" />
<meta property="og:site_name" content="Disinformed" />
<!-- Icons -->
<link rel="shortcut icon" href="core/files/icons/bf57.png" type="image/x-icon" />
<link rel="icon" href="core/files/icons/bf15.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="core/files/icons/bf57.png" />
<!-- CORE CSS -->
<!--<link href="core/css/dev/core.css" type="text/css" rel="stylesheet" media="all"/>-->
<link href="core/css/brutalist.min.css" type="text/css" rel="stylesheet" media="all" />
<!-- Theme CSS -->
<link href="theme/default/css/theme.css" type="text/css" rel="stylesheet" media="all" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-23VNVQGKNJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-23VNVQGKNJ');
</script>
</head>
<body class="black">
<header class="">
<div class="row">
<div class="col-sm-12">
<div class="container-1200">
<div class="row no-padding stack1 content" id="scrolltop">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-3 no-padding draggable">
<a><img class="jumbo-thumb crop circle brdr-s-k invert-hover spin "
src="core/files/images/logo2.gif" alt="Brutalist Framework" /></a>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-9 no-padding lucida-text">
<div class="page-desc border-solid-thick red-border rice-text">
<h2 class="flow-text baffle">We are a collaborative group of researchers,
artists, writers, engineers, and cultural producers interested in finding breaches
for
creation in the sea of mass information. </h2><br />
<p></p>
</div>
<div class="stack-auto brick blue lime-t draggable bigger lime-border border-dashed-thin"
style="z-index: 4;">Console.log:<span class="blink"
style="visibility: visible;">Art</span></div>
</div>
<hr>
<hr>
<!-- <div class="scroller-wrap blue lemon-text lucida-text blue-border border-solid-thin"
style="height: 180px;">
<div class="scroll-down">
<div class="scroll-item">
<p>This is the first paragraph of text.</p>
</div>
<div class="scroll-item">
<img src="theme/default/files/images/angle1.jpg" class="small-thumb">
</div>
<div class="scroll-item">
<p class="blink-182" style="visibility: hidden;">I'm blinking to get your attention!
</p>
</div>
<div class="scroll-item">
<p class="flow-text">Flow-text paragraph because I'm more important</p>
</div>
</div>
</div> -->
<hr>
<hr>
</div>
</div>
</div>
</div>
</header>
<div class="row about-section tomato">
<div class="scroller tomato" style="height: 30px;">
<div class="scroll-left">
<div class="scroll-item">
<p class="sweden" style="font-size: 20px; line-height: 30px;"> Reality is a lie! </p>
</div>
<div class="scroll-item">
<p class="pink grape-t"
style="font-size: 20px; line-height: 30px; padding-left: 8px; padding-right: 8px;">
You do not exist <span class="blink" style="visibility: visible;">Cyberspace</span> is the
only space! </p>
</div>
<div class="scroll-item">
<p class="green banana-t"
style="font-size: 20px; line-height: 30px; padding-left: 8px; padding-right: 8px;">
We know who you are and what you were looking for </p>
</div>
</div>
</div>
<br>
<br>
<br>
<div class="col-sm-12 col-md-8">
<div class="tabs">
<!-- TAB 1 -->
<input type="radio" name="tabs" id="tab1" checked="checked">
<label for="tab1" class="red-b brdr-s-t lucida platinum"><span class="red-text heavy">Art
feed</span></label>
<div class="tab red-b brdr-s-t black" style="background: rgba(0,0,0,0.9);">
<h3 class="courier-new lime-text bold glued">Programmatic Art Feed 1011</h3>
<h5 class=" lime-text courier-new "> welcome to our daily art feed where we will post tweets on a
regular basis
with art design technology materials:</h5>
<br>
<a class="twitter-timeline" href="https://twitter.com/dsnfrmd?ref_src=twsrc%5Etfw">Tweets by
dsnfrmd</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<hr />
<h5 class="lime-text courier-new bold">Our art feed content is being uploaded by our Twitter bot on
a daily basis </h5>
<p class="lime-text courier-new bold">If you wnat to send us content to be uploded please contact us
in :</p>
<ul class="lime-t triangle courier-new bold">
<li> <a>[email protected]</a><span class="lemon-t">- OR -</span><a
href="https://twitter.com/dsnfrmd">@dsnfrmd Twitter</a></li>
</div>
<!-- TAB 2 -->
<input type="radio" name="tabs" id="tab2">
<label for="tab2" class="red-b brdr-s-t lucida platinum"><span class="red-text heavy">About
us</span></label>
<div class="tab red-b brdr-s-t monochrome">
<h4 class="courier-new red-t bold">Hello world</h4>
<p class="courier-new red-t bold">Hi. We are a collaborative group of researchers, artists, writers,
engineers, and cultural producers interested in finding breaches for creation in the sea of mass
information. We engage with new possibilities for artistic creation enabled by emerging
technologies, as well as with critical assessment of the personal, social and political
implications such modes of production introduce. Materials for our projects include images,
videos, AI algorithms, digital art, social media, NLP and blockchain as well as online
publications, websites and social media interventions. We promote creative research and
development that challenges traditional forms of representation and distribution.
Humanistic and ethical issues related to software are becoming more and more prominent. We are
in hope that the discussion, experimentation and elaboration we produce can provide a better
understanding of the context as well as a theoretical backdrop for the ongoing development of
innovative technologies, making these more humanistic, and socially just.
</p>
</div>
<!-- TAB 3 -->
<!-- <input type="radio" name="tabs" id="tab3">
<label for="tab3" class="red-b border-solid-thin lucida platinum"><span
class="red-text heavy">Showcase</span></label>
<div class="tab red-b brdr-s-t monochrome">
<h4 class="courier-new bold">Built with Brutalism</h4>
<p class="charcoal-t lucida">Examples of websites built with <em>Brutalist Framework</em>.</p>
<div class="row" style="margin-top: 1em;">
<div class="col-xs-12 col-sm-4 border-dotted-thin grey-border">
<div class="padded">
<p class="lucida"><a href="http://www.monsuperkilometre.com"
target="_blank"><strong>MonSuperKilometre.com</strong><br />
<img src="theme/default/files/images/showcase/mon-super-kilo.jpg"
alt="Mon Super Kilometre"
class="responsive box-shadow-thick brdr-s-t black-b" /></a></p>
</div>
</div>
<div class="col-xs-12 col-sm-4 border-dotted-thin grey-border">
<div class="padded">
<p class="lucida"><a href="http://www.zarmastudio.com"
target="_blank"><strong>ZarmaStudio.com</strong><br />
<img src="theme/default/files/images/showcase/zarma.jpg" alt="Zarma Studio"
class="responsive box-shadow-thick brdr-s-t black-b" /></a></p>
</div>
</div>
<div class="col-xs-12 col-sm-4">
</div>
</div>
<p> </p>
</div>-->
</div>
</div>
<div class="col-sm-12 col-md-4">
<footer class="glued gray">
<a href="https://twitter.com/dsnfrmd" target="_blank">
<div
class="fittext padded infinitile brdr-s-k red-border courier-new bold black-t baffle-prolonged red-t-sinvert-hover">
<h5 class="lucida white-t"><i class="bi bi-amp"></i> /<span class="blink-182">/</span>/<span
class="blink">/</span>/</h5>
<p class="bold">Subscribe to our e-newsletter. <span class="bigger">»</span></p>
</div>
</a>
</footer>
<div class=" draggable">
<a onclick="myFunction()"><img class="jumbo-thumb spin-cycle " src="core/files/images/hahah.jpg"
alt="Brutalist Framework" /></a>
</div>
<div class=" draggable">
<a onclick="myFunction2()"><img class=" invert-hover spin" src="core/files/images/canofsuop.png"
alt="Brutalist Framework" /></a>
</div>
<div class=" draggable">
<a onclick="myFunction3()"><img class="jumbo-thumb invert-hover throb spin-cycle "
src="core/files/images/toilt.png" alt="Brutalist Framework" /></a>
</div>
<div class=" draggable">
<a onclick="myFunction()"><img class="small-thumb crop circle brdr-s-k spin "
src="core/files/images/logo2.gif" alt="Brutalist Framework" /></a>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- Scripts-->
<script>
function myFunction() {
alert("Don't touch me!!!!!!!");
}
function myFunction2() {
alert("You think you're smart?");
}
function myFunction3() {
alert("Im mining bitcoin on your browser");
}
</script>
<script type="text/javascript" src="core/js/jquery.3.js"></script>
<script type="text/javascript" src="core/js/brutalist.js"></script>
<script type="text/javascript" src="core/js/start.brutalizing.js"></script>
<!-- TRACKING -->