murtaugh
/
call2025
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tried to simplify the info text, reduce amount of links, and added a small intro text to the community builder

Browse Source
main
mb 1 week ago
parent 88989a0e4d
commit 7358927695
4 changed files with 71 additions and 39 deletions
Show Stats Download Patch File Download Diff File

60
call/static/call/index.css
Unescape Escape View File

@ -5,16 +5,17 @@ body, html {
body {
/* vertical | horizontal */
margin: 1em 5%;
font-family: monospace;
font-size: 14px;
}
* {
box-sizing: border-box;
font-family: monospace;
font-size: 14px;
}
h1 {
font-size: 28px;
margin: 0 0 10px 0;
padding: 0;
margin: 0 0 0.9em;
padding: 0;
font-family: serif;
}
h2 {
font-size: 28px;
@ -33,11 +34,17 @@ canvas {
-ms-interpolation-mode: nearest-neighbor;
border: 1px solid black;
}
#c { width: 144px; height: 144px; padding: 8px; border: none; }
#c {
width: 144px;
height: 144px;
padding: 8px;
border: none;
margin: 1em 0;
}
#outc,
#outc_gbs_s,
#outc_gbs_a {
#outc_gbs_a {
height: 64px;
padding: 8px;
display: none;
@ -69,10 +76,10 @@ canvas {
label > input {
width: 240px;
}
label > span {
label > span {
display: inline-block;
vertical-align: middle;
width: 55px;
width: 55px;
}
input[type=range]{
vertical-align: middle;
@ -90,11 +97,15 @@ input[type=range]{
color: black;
text-decoration: none;
font-size: 1em;
margin: 0 0 10px 0;
margin: 0 0.25em 10px 0;
}
.btn:hover, button:hover { background: #eee }
.btn:active, button:active{ background: #ccc }
button:hover{
cursor: pointer;
}
.sm {
min-width: 40px;
padding: 10px 16px;
@ -116,8 +127,7 @@ div.caption {
/* border: 3px solid black; */
position: relative;
width: fit-content;
margin-left: auto;
margin-right: auto;
margin: 0 auto 2.5em;
}
div.caption .corner {
width: 11px;
@ -129,7 +139,7 @@ div.caption .corner {
}
div.caption textarea {
width: 320px;
height: 4em;
height: 5em;
}
#colofon {
@ -139,7 +149,29 @@ div.caption textarea {
font-family: serif;
}
#info {
padding: 0 1em 0 1em;
font-family: serif !important;
font-size: 16px;
line-height: 1.45;
margin: 1em 0 3em;
padding: 0 1.5em;
border: 1px solid black;
text-align: left;
}
background-color: rgb(240,240,240);
}
p#deadlines{
padding-left: 2.5em;
font-style: italic;
}
#info-buttons{
display: block;
text-align: center;
width: 100%;
margin: 1.5em 0 1em;
}
button#apply{
background-color: yellow;
}
button#website,
button#moreinfo{
background-color: white;
}

3
call/static/call/terms.json
Unescape Escape View File

@ -198,7 +198,6 @@
"traditions",
"corruption",
"regulation",
"porn",
"webpages",
"vandalism",
"samizdat",
@ -329,4 +328,4 @@
"complex",
"artificial"
]
}
}

1
call/static/call/terms.yaml
Unescape Escape View File

@ -194,7 +194,6 @@ media:
- traditions
- corruption
- regulation
- porn
- webpages
- vandalism
- samizdat

46
call/templates/call/index.html
Unescape Escape View File

@ -6,37 +6,39 @@
{% block content %}
<h1>Study @ XPUB!</h1>
<h1>XPUB is looking for new students!</h1>
<span id=loading>loading...</span>
<div id=root class=rootloading>
<div id="info" style="font-family: serif !important">
<div id="info">
<p>
The <a href="https://xpub.nl/" target="extern">Master Experimental Publishing (XPUB)</a> at the <a href="https://pzwart.nl/" target="extern">Piet Zwart Institute</a> in Rotterdam (NL) is a two-year master focused on the acts of making things public and creating publics in the age of post-digital networks.
The <strong>Master Experimental Publishing</strong> (<strong>XPUB</strong>) at the Piet Zwart Institute in Rotterdam (NL) is a two-year master focused on the acts of making things public and creating publics in the age of post-digital networks.
</p>
<p>XPUB is looking for new students! Come & join us!<p>
<p>Use the <em>XPUB Community Builder</em> below to put yourself on our digital guestbook, join an upcoming open day either online or in-person, and APPLY!</p>
<p><a href="https://www.pzwart.nl/application/deadlines/" target="extern">Application deadlines</a>:</p>
<p>XPUB is looking for new students! Come and join us!<p>
<p>Use the <em>XPUB Community Builder</em> below to add yourself to our digital guestbook, join an upcoming open day either online or in-person, and APPLY!</p>
<p><strong>Application deadlines</strong>:</p>
<p>
<ul>
<li>March 4, 2024 (non-EU final + EU priority deadline)</li>
<li>May 8, 2024 (final EU deadline)</li>
<li><strong>4 March 2025</strong> (non-EU final + EU priority deadline)</li>
<li><strong>8 May 2025</strong> (final EU deadline)</li>
</ul>
</p>
<p><a href="https://www.pzwart.nl/blog/open-day/" target="extern">Open days</a>:</p>
<p id="deadlines">Read more about these deadlines <a href="https://www.pzwart.nl/application/deadlines/" target="extern">here</a>.</p>
<p><strong>Open days</strong>:</p>
<p>
<ul>
<li>ONLINE: <a href="mailto:pzi.coordinators@hr.nl?subject=XPUB Open Day (online)&amp;body=Hello, I will join the online open day on the February 11th on 10:00 CET or 16:00 CET" target="_blank">February 11, 2024, 10:00 + 16:00 CEST</a></li>
<li>IN PERSON:<a href="https://www.pzwart.nl/blog/open-day/" target="extern">February 15, 2025</a></li>
<li><strong>online</strong>: Tuesday, 11 February 2025 (<a href="mailto:pzi.coordinators@hr.nl?subject=XPUB Open Day (online)&amp;body=Hello, I would like to join the online open day on Tuesday 11 February 2025 at 10:00 CET or 17:00 CET (please choose your preferred timeslot)." target="_blank">subscribe</a>)</li>
<li><strong>in person</strong>: Saturday, 15 February 2025 (<a href="https://www.pzwart.nl/blog/open-day/" target="extern">more info</a>)</li>
</ul>
</p>
<p>
<button style="background: yellow" id="apply" onclick="window.open('https://www.pzwart.nl/experimental-publishing/apply/', 'extern')">Apply</button>
<p id="info-buttons">
<button id="apply" onclick="window.open('https://www.pzwart.nl/experimental-publishing/apply/', 'extern')">Apply</button>
<button id="website" onclick="window.open('https://xpub.nl', 'extern')">xpub.nl</button>
</p>
</div>
<h2>XPUB Community Builder</h2>
<p>Add yourself to our digital guestbook!<br>What kind of XPUB student do you want to be?<br>(Activate your character by clicking on it!)</p>
<canvas id=c width=16 height=16></canvas>
<!-- <div id=caption>HERE CAPTION</div> -->
<div class="caption"><div class="corner"></div><textarea placeholder="Your messsage" autofocus id="caption"></textarea></div>
@ -58,18 +60,18 @@
<label><input id=colorInput class=g type=range min=0 max=1></label>
<div class=colormode>
<button id='colormode' style="padding: 3px 5px; min-width: 0; ">012</button>
<small id=colorinfo></small>
<small id=colorinfo></small>
</div>
<div id="buttons" style="text-align: center">
<button id=animbtn style="display: none">...</button>
<button id=randomizebtn>randomize</button>
<div id="sendbutton"><button id="send">save to guestbook</button></div>
<div id="sendbutton"><button id="send">save to guestbook</button></div>
</div>
</div>
<div id="buttons2">
<button id="guestbook" onclick="window.open('{% url 'guestbook' %}', 'extern')">visit guestbook</button>
<button id="guestbook" onclick="window.open('{% url 'guestbook' %}', 'extern')">visit guestbook</button>
</div>
<canvas id=outc></canvas>
@ -96,16 +98,16 @@
<div id="colofon">
<p>
The heart of this webpage is the <a href="https://0x72.itch.io/2bitcharactergenerator" target="extern">2bitcharactergenerator</a>, by <a href="https://0x72.itch.io/" target="extern">0x72</a>,
The heart of this webpage is the <a href="https://0x72.itch.io/2bitcharactergenerator" target="extern">2bitcharactergenerator</a>, by <a href="https://0x72.itch.io/" target="extern">0x72</a>,
found via Everest Pipkin's great <a href="https://tinytools.directory/" target="extern">tinytools.directory</a> and generously released via a CC0 (public domain) license.
The generative text is inspired by early experiments with computer and poetry such as <a href="https://elmcip.net/creative-work/house-dust">Allison Knowle's House of Dust</a>.
As a program XPUB believes in creative expression as <em>not from scratch</em>, and like language, shared and in conversation with all that has come before.
The generative text is inspired by early experiments with computer and poetry such as <a href="https://elmcip.net/creative-work/house-dust" target="extern">Allison Knowles' House of Dust</a>.
As a program XPUB believes in creative expression as <em>not from scratch</em>, and like language, shared and in conversation with all that has come before.
</p>
</div>
<div style="display: none"><a href="{% static 'call/terms.json'%}" id="terms-data-source"></a></div>
</div>
<div style="display: none">

Write Preview
Loading…
Cancel
Save