You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 3.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>xpubliverse</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <style>
  8. body {
  9. margin: 5%;
  10. background: radial-gradient(circle, rgb(2,100,200) 0%, rgb(118,100,200) 50%, rgba(200,100,200) 100%);
  11. color: #BCF;
  12. }
  13. h1, h2 {
  14. color: #EEE;
  15. }
  16. a {
  17. text-decoration: none;
  18. color: #FFF;
  19. font-weight:bold;
  20. }
  21. a:hover {
  22. text-decoration: underline;
  23. }
  24. img {
  25. width: 300px;
  26. }
  27. .flex {
  28. display: flex;
  29. flex-wrap: wrap;
  30. }
  31. figure {
  32. width: 300px;
  33. margin-left: 0;
  34. /*display: inline-block;*/
  35. position: relative;
  36. }
  37. figure figcaption {
  38. position: absolute;
  39. bottom: 0;
  40. left: 0;
  41. background: black;
  42. color: white;
  43. padding: 0.25em;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <h1>welcome to the xpubliverse</h1>
  49. <p>
  50. XPUB is the Master of Arts in Fine Art and Design: Experimental Publishing of the Piet Zwart Institute. XPUB focuses on the acts of making things public and creating publics in the age of post-digital networks.
  51. </p>
  52. <div class="flex">
  53. <figure>
  54. <a href="//collectiveioning.xpub.nl/">
  55. <img src="images/Collectiveioning.webp">
  56. <figcaption>Collectiveioning: XPUB 2020 Graduation mini-site</figcaption>
  57. </a>
  58. </figure>
  59. <figure>
  60. <a href="//issue.xpub.nl/">
  61. <img src="images/issue2021.webp">
  62. <figcaption>Special Issues</figcaption>
  63. </a>
  64. </figure>
  65. <figure>
  66. <a href="//project.xpub.nl/">
  67. <img src="images/grad.webp">
  68. <figcaption>Graduation projects</figcaption>
  69. </a>
  70. </figure>
  71. <figure>
  72. <a href="https://pzwiki.wdka.nl/mediadesign/Main_Page">
  73. <img src="images/wiki.webp">
  74. <figcaption>Wiki</figcaption>
  75. </a>
  76. </figure>
  77. <figure>
  78. <a href="https://www.pzwart.nl/experimental-publishing/">
  79. <img src="images/pzwart.webp">
  80. <figcaption>Piet Zwart Institute</figcaption>
  81. </a>
  82. </figure>
  83. <figure>
  84. <a href="https://www.wdka.nl/programmes/master-media-design-experimental-publishing">
  85. <img src="images/wdka.webp">
  86. <figcaption>Willem de Kooning academy</figcaption>
  87. </a>
  88. </figure>
  89. <figure>
  90. <a href="//git.xpub.nl/">
  91. <img src="images/gitea.webp">
  92. <figcaption>GIT</figcaption>
  93. </a>
  94. </figure>
  95. <figure>
  96. <a href="//pad.xpub.nl/">
  97. <img src="images/pad.webp">
  98. <figcaption>Etherpad</figcaption>
  99. </a>
  100. </figure>
  101. </div>
  102. <h2>Students &amp; Staff (restricted access)</h2>
  103. <div class="flex">
  104. <figure>
  105. <a href="//zulip.xpub.nl/">
  106. <img src="images/zulip.webp">
  107. <figcaption>Zulip</figcaption>
  108. </a>
  109. </figure>
  110. <figure>
  111. <a href="//xpub.lurk.org/">
  112. <img src="images/lurk.webp">
  113. <figcaption>Lurk XMPP</figcaption>
  114. </a>
  115. </figure>
  116. </div>
  117. <h2>Archive</h2>
  118. <ul>
  119. <li>
  120. <a href="zoom.html">Wiki "Zoom" interface</a> (archive, last updated 2018)
  121. </li>
  122. </body>
  123. </html>