diff --git a/img/C21.jpg b/img/C21.jpg new file mode 100644 index 0000000..773a8e6 Binary files /dev/null and b/img/C21.jpg differ diff --git a/img/bg.png b/img/bg.png new file mode 100644 index 0000000..c8f773c Binary files /dev/null and b/img/bg.png differ diff --git a/img/bpw.jpg b/img/bpw.jpg new file mode 100644 index 0000000..c25c9bc Binary files /dev/null and b/img/bpw.jpg differ diff --git a/img/distribusi.png b/img/distribusi.png new file mode 100644 index 0000000..ab2b35e Binary files /dev/null and b/img/distribusi.png differ diff --git a/img/distribusi02.png b/img/distribusi02.png new file mode 100644 index 0000000..d728dee Binary files /dev/null and b/img/distribusi02.png differ diff --git a/img/distribusi03.png b/img/distribusi03.png new file mode 100644 index 0000000..f911fef Binary files /dev/null and b/img/distribusi03.png differ diff --git a/img/distribusi04.png b/img/distribusi04.png new file mode 100644 index 0000000..dd83700 Binary files /dev/null and b/img/distribusi04.png differ diff --git a/img/etherdump.png b/img/etherdump.png new file mode 100644 index 0000000..4319833 Binary files /dev/null and b/img/etherdump.png differ diff --git a/img/event01.jpg b/img/event01.jpg new file mode 100644 index 0000000..5a6b692 Binary files /dev/null and b/img/event01.jpg differ diff --git a/img/event02.jpg b/img/event02.jpg new file mode 100644 index 0000000..920132b Binary files /dev/null and b/img/event02.jpg differ diff --git a/img/git01.png b/img/git01.png new file mode 100644 index 0000000..459f866 Binary files /dev/null and b/img/git01.png differ diff --git a/img/git02.png b/img/git02.png new file mode 100644 index 0000000..8938ee0 Binary files /dev/null and b/img/git02.png differ diff --git a/img/git03.png b/img/git03.png new file mode 100644 index 0000000..c65ef79 Binary files /dev/null and b/img/git03.png differ diff --git a/img/git04.png b/img/git04.png new file mode 100644 index 0000000..36ffd43 Binary files /dev/null and b/img/git04.png differ diff --git a/img/log01.png b/img/log01.png new file mode 100644 index 0000000..9270bff Binary files /dev/null and b/img/log01.png differ diff --git a/img/log02.png b/img/log02.png new file mode 100644 index 0000000..084acc1 Binary files /dev/null and b/img/log02.png differ diff --git a/img/log03.png b/img/log03.png new file mode 100644 index 0000000..3a31b54 Binary files /dev/null and b/img/log03.png differ diff --git a/img/workgroup01.jpg b/img/workgroup01.jpg new file mode 100644 index 0000000..4462567 Binary files /dev/null and b/img/workgroup01.jpg differ diff --git a/memberstates/cmunssdc.ttf b/memberstates/cmunssdc.ttf new file mode 100644 index 0000000..c46b443 Binary files /dev/null and b/memberstates/cmunssdc.ttf differ diff --git a/memberstates/index.html b/memberstates/index.html new file mode 100644 index 0000000..eac530b --- /dev/null +++ b/memberstates/index.html @@ -0,0 +1,52 @@ + + + + + Varia Website build around what members are doing + + + +

United Member states of Varia

+

Not really clear in this prototype but base the index page on the member activity

+
+
+

Event 01

+

Radio-active female monstrosity - Angeliki D

+ +
+
+

Streams of info

+ + + + +
+
+

Article: Collective Infrastructures

+

+ Being considerate about the channels that we use to communicate, + we negotiate our on-line dependencies by self-hosting our digital infrastructure. + Varia members are involved in the use and development of federated networks + like XMPP group chats and Mastodon instances, RSS feeds, available in Dutch and English, + or the mailing list. Find more about our Online Hosting tools below.

+
+
+ +
+
+

Event 02

+

The event is comprised of the following elements: + Dion & The Magic Chords is the lovechild of casio freaks + Dion Woestenburg and Griffin Stuip and sounds like the toybox + equivalent to your favourite progressive acts, such as Jean Michelle Jarre + and Yes. With the help of stunning visuals and a wild arrangement of casio’s and + yamahama’s they will bring your mind towards the next level of levitation

+ +
+
+

A Log of stuff members are doing

+ +
+
+ + diff --git a/memberstates/style.css b/memberstates/style.css new file mode 100644 index 0000000..a92c1ef --- /dev/null +++ b/memberstates/style.css @@ -0,0 +1,48 @@ +body { + background-image: url("../img/bg.png"); +} +h1, h2{ + font-family: "kop"; + color: white; + text-shadow: #000 2px 2px 4px; + -webkit-font-smoothing: antialiased; +} +.container { + display: grid; + grid-template-columns: repeat( 2, minmax(250px, 1fr) ); + /* grid-template-rows: 200px 200px 200px; */ + grid-column-gap: 80px; + grid-row-gap: 50px; + justify-items: start; + /* grid-gap is shorthand for row+colum-gap*/ +} +.item-a { + border: 5px solid black; + color: #ff00d1; + min-width: auto; + background-color: white; +} +.item-b { + border: 5px solid black; + color: #ff00d1; + min-width: auto; + max-width: 300px; + background-color: white; +} +.item-c { + border: 5px solid black; + color: #ff00d1; + min-width: auto; + background-color: white; +} + +img { + width: 100%; +} + +@font-face{ + font-family: "kop"; + src:url('cmunssdc.ttf'); + font-weight: normal; + font-style: normal; +} diff --git a/memberstates/variatext b/memberstates/variatext new file mode 100644 index 0000000..4bd3c06 --- /dev/null +++ b/memberstates/variatext @@ -0,0 +1 @@ +varia (Gouwstraat 3, Rotterdam) is een ruimte voor het ontwikkelen van collectieve benaderingen rondom alledaagse technologie. varia leden onderhouden en faciliteren een collectieve infrastructuur om vragen, meningen, aanpassingen, hulp en actie te genereren. We gebruiken vrije software, organiseren evenementen en werken samen in verschillende constellaties. varia leert gaandeweg, maakt notities, is meertalig en kan gecontacteerd worden via info[@]varia.zone. diff --git a/streams_events_logs/index.html b/streams_events_logs/index.html new file mode 100644 index 0000000..9a03e64 --- /dev/null +++ b/streams_events_logs/index.html @@ -0,0 +1,86 @@ + + + + + Varia Zone + + + +

Varia: Streams, Events, Logs

+

Or in other words a website that works around the time that items take place

+
+

Streams:

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+

Events:

+
+
+

Event 01

+

Radio-active female monstrosity - Angeliki D

+ +
+
+

Event 02

+

The event is comprised of the following elements: + Dion & The Magic Chords is the lovechild of casio freaks + Dion Woestenburg and Griffin Stuip and sounds like the toybox + equivalent to your favourite progressive acts, such as Jean Michelle Jarre + and Yes. With the help of stunning visuals and a wild arrangement of casio’s and + yamahama’s they will bring your mind towards the next level of levitation

+ +
+
+ +
+
+

Event 03

+

Ever had a hard-drive crash? lost data? + cloud back did not really backup? + Time Machine did not have a past do go back to? + Many questions around backup and data storage exist + and many issues need to be resolved. + From large database to a small personal collection, + data storage affects everyone and many so-called + solutions exist but are they really solutions? +

+ + +
+
+

Logs:

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + + diff --git a/streams_events_logs/style.css b/streams_events_logs/style.css new file mode 100644 index 0000000..8fca4a4 --- /dev/null +++ b/streams_events_logs/style.css @@ -0,0 +1,41 @@ +body { + padding: 0px; + margin: 0px; + background-color: rbg(244, 244, 244); + font-family: "Lucida Console", Monaco, monospace; +} +h1,h3 { + color: #444; + margin: 0px; +} +.tripleflex{ + display: flex; + width: 100%; + width: 100vw; + align-items: start; + justify-content: center; +} +.container { + display: flex; + margin: 10px; + /*height: 100%; + height: 100vh; */ + width: 30%; + width: 30vw; + flex-wrap: wrap; + flex-direction: column; + align-items: baseline; + justify-content: flex-start; +} + +.item { + border: 3px solid white; + min-width: 200px; + min-height: 120px; + height: 25%; + background-color: gold; + margin: auto; + flex-grow: 1; + color: #444; +} +img {max-width:100%;}