removed the light colors for readability, added a longer description of the course, and added more space in the dropdowns + between the rows, to make it easier to create a square screenshot for instagram + mastodon

master
mb 5 months ago
parent 86372a7549
commit 0eefa7cbbc

@ -1,9 +1,5 @@
body{
/* background-color: pink; */
}
form{ form{
max-width: 1300px; max-width: 1300px;
/* border: 1px solid blue; */
margin: 1em auto; margin: 1em auto;
padding: 1em; padding: 1em;
text-align: center; text-align: center;
@ -14,11 +10,9 @@ form *{
form h1{ form h1{
font-size: 100%; font-size: 100%;
} }
/* form select { form select {
padding: 0.5em 1em; padding: 0.5em 0 0.5em 0.5em;
border: 0; }
border-radius: 20%;
} */
form div#dropdowns { form div#dropdowns {
text-align: right; text-align: right;
line-height: 1; line-height: 1;
@ -27,8 +21,5 @@ form div#dropdown-options.hide{
display: none; display: none;
} }
form div#dropdowns div.row{ form div#dropdowns div.row{
margin: 0.5em 0; margin: 0.75em 0;
}
form div#info{
/* display: none; */
} }

@ -110,10 +110,11 @@
</div> <!-- #options --> </div> <!-- #options -->
</div> <!-- #dropdowns --> </div> <!-- #dropdowns -->
<div id="info"> <div id="info">
<br>
<p> <p>
A two-year master focused on the acts of making things public The <a href="https://xpub.nl/">Master Experimental Publishing</a> at the <a href="https://www.pzwart.nl/">Piet Zwart Instituut</a> in Rotterdam (NL)<br>
<br> is a two-year master focused on the acts of making things public and creating publics<br>
and creating publics in the age of post-digital networks. in the age of post-digital networks.
</p> </p>
<p>Application deadlines:</p> <p>Application deadlines:</p>
<p> <p>
@ -126,11 +127,6 @@
</div> <!-- #info --> </div> <!-- #info -->
</fieldset> </fieldset>
</form> </form>
<!-- <div align="center">
<marquee>
<button>Apply!</button>
</marquee>
</div> -->
<script> <script>
var options = document.getElementById("options"); var options = document.getElementById("options");
var questions = [ var questions = [
@ -182,7 +178,7 @@
return font; return font;
} }
function pickcolor(){ function pickcolor(){
var colors = ["AliceBlue","AntiqueWhite","Aqua","Aquamarine","Azure","Beige","Bisque","Black","BlanchedAlmond","Blue","BlueViolet","Brown","BurlyWood","CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue","Cornsilk","Crimson","Cyan","DarkBlue","DarkCyan","DarkGoldenRod","DarkGray","DarkGrey","DarkGreen","DarkKhaki","DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid","DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue","DarkSlateGray","DarkSlateGrey","DarkTurquoise","DarkViolet","DeepPink","DeepSkyBlue","DimGray","DimGrey","DodgerBlue","FireBrick","FloralWhite","ForestGreen","Fuchsia","Gainsboro","GhostWhite","Gold","GoldenRod","Gray","Grey","Green","GreenYellow","HoneyDew","HotPink","IndianRed","Indigo","Ivory","Khaki","Lavender","LavenderBlush","LawnGreen","LemonChiffon","LightBlue","LightCoral","LightCyan","LightGoldenRodYellow","LightGray","LightGrey","LightGreen","LightPink","LightSalmon","LightSeaGreen","LightSkyBlue","LightSlateGray","LightSlateGrey","LightSteelBlue","LightYellow","Lime","LimeGreen","Linen","Magenta","Maroon","MediumAquaMarine","MediumBlue","MediumOrchid","MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumSpringGreen","MediumTurquoise","MediumVioletRed","MidnightBlue","MintCream","MistyRose","Moccasin","NavajoWhite","Navy","OldLace","Olive","OliveDrab","Orange","OrangeRed","Orchid","PaleGoldenRod","PaleGreen","PaleTurquoise","PaleVioletRed","PapayaWhip","PeachPuff","Peru","Pink","Plum","PowderBlue","Purple","RebeccaPurple","Red","RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown","SeaGreen","SeaShell","Sienna","Silver","SkyBlue","SlateBlue","SlateGray","SlateGrey","Snow","SpringGreen","SteelBlue","Tan","Teal","Thistle","Tomato","Turquoise","Violet","Wheat","White","WhiteSmoke","Yellow","YellowGreen"]; var colors = ["AntiqueWhite","Black","Blue","BlueViolet","Brown","CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue","Crimson","DarkBlue","DarkCyan","DarkGoldenRod","DarkGray","DarkGrey","DarkGreen","DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid","DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue","DarkSlateGray","DarkSlateGrey","DarkTurquoise","DarkViolet","DeepPink","DeepSkyBlue","DimGray","DimGrey","DodgerBlue","FireBrick","ForestGreen","Fuchsia","Gold","GoldenRod","Gray","Grey","Green","HotPink","IndianRed","Indigo","Lavender","Magenta","Maroon","MediumAquaMarine","MediumBlue","MediumOrchid","MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumVioletRed","MidnightBlue","Navy","Olive","OliveDrab","Orange","OrangeRed","Orchid","PaleVioletRed","Peru","Plum","Purple","RebeccaPurple","Red","RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown","SeaGreen","Silver","SlateBlue","SlateGray","SlateGrey","SteelBlue","Tan","Teal","Tomato","Turquoise","Violet","YellowGreen"];
// From: https://www.w3schools.com/colors/colors_names.asp // From: https://www.w3schools.com/colors/colors_names.asp
var random = Math.floor(Math.random() * colors.length) var random = Math.floor(Math.random() * colors.length)
var color = colors[random]; var color = colors[random];

Loading…
Cancel
Save