Merge branch 'master' into fix-job-offers-scrolls

.gitignore

 node_modules
-package-lock.json
 dist
 .vscode
 npm-debug.log
 DOCUMENTATION.html
 DOCUMENTATION.md
-src/models/config.js
-src/content/amiv/html/statutes.html

.stylelintrc

@@ -76,7 +76,7 @@
     "declaration-colon-space-after": "always-single-line",
     "declaration-colon-space-before": "never",
     "declaration-empty-line-before": "never",
-    "declaration-block-semicolon-newline-after": "always-multi-line",
+    "declaration-block-trailing-semicolon": "always",
     "declaration-block-semicolon-newline-before": "never-multi-line",
     "declaration-block-semicolon-space-after": "always-single-line",
     "declaration-block-semicolon-space-before": "never",

Dockerfile

@@ -4,11 +4,6 @@
 # First stage: Build project
 FROM node as build
 
-# Install pandoc
-RUN wget -O pandoc-amd64.deb https://github.com/jgm/pandoc/releases/download/2.2.2.1/pandoc-2.2.2.1-1-amd64.deb
-RUN dpkg -i pandoc-amd64.deb
-RUN rm pandoc-amd64.deb
-
 # Copy files and install dependencies
 COPY ./ /
 RUN npm install

package.json

@@ -22,46 +22,46 @@
   "author": "AMIV IT team",
   "license": "ISC",
   "dependencies": {
-    "ajv": "^5.5.0",
+    "amiv-web-ui-components": "git+https://git@gitlab.ethz.ch/amiv/web-ui-components.git#1a1f5064d46c5de4b43fcbd1cd4c8245041b8c8a",
     "babel-polyfill": "^6.26.0",
-    "email-validator": "^2.0.3",
-    "i18n4v": "^0.2.2",
+    "email-validator": "^2.0.4",
     "html-escape": "^2.0.0",
+    "i18n4v": "^0.2.2",
     "marked": "^0.3.18",
     "mithril": "^1.1.5",
-    "polythene-css": "^1.0.0",
-    "polythene-mithril": "^1.0.0",
-    "raven-js": "^3.24.2",
-    "amiv-web-ui-components": "git+https://git@gitlab.ethz.ch/amiv/web-ui-components.git"
+    "polythene-css": "^1.3.2",
+    "polythene-mithril": "^1.3.2",
+    "raven-js": "^3.27.0"
   },
   "devDependencies": {
     "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.5",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
-    "compression-webpack-plugin": "^1.0.1",
+    "babel-preset-env": "^1.7.0",
+    "compression-webpack-plugin": "^1.1.12",
     "css-loader": "^0.28.11",
     "dox": "^0.9.0",
     "doxdox": "^2.0.3",
     "eslint": "^4.10.0",
     "eslint-config-airbnb-base": "^12.1.0",
-    "eslint-config-prettier": "^2.9.0",
+    "eslint-config-prettier": "^2.10.0",
     "eslint-import-resolver-webpack": "^0.9.0",
-    "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-prettier": "^2.6.0",
+    "eslint-plugin-import": "^2.14.0",
+    "eslint-plugin-prettier": "^2.7.0",
     "favicons-webpack-plugin": "0.0.9",
     "file-loader": "^1.1.11",
     "html-webpack-inline-svg-plugin": "^1.2.4",
     "html-webpack-plugin": "^3.2.0",
-    "less": "^3.0.4",
+    "less": "^3.8.1",
     "less-loader": "^4.1.0",
     "markdown-loader": "^2.0.2",
     "prettier": "1.11.1",
     "style-loader": "^0.20.3",
-    "stylelint": "^9.3.0",
-    "url-loader": "^1.0.1",
-    "webpack": "^3.8.1",
-    "webpack-dev-server": "^2.9.3"
+    "stylelint": "^9.7.1",
+    "url-loader": "^1.1.2",
+    "webpack": "^4.16.1",
+    "webpack-cli": "^3.1.2",
+    "webpack-dev-server": "^3.1.10"
   }
 }

src/components/form/jsonSchemaForm.js

-import m from 'mithril';
-import Ajv from 'ajv';
-import jsonSchemaDraft04 from 'ajv/lib/refs/json-schema-draft-04.json';
-import { log } from '../../models/log';
-import inputGroup from './inputGroup';
-import selectGroup from './selectGroup';
-
-export default class JSONSchemaForm {
-  constructor() {
-    this.data = {};
-    this.errors = {};
-
-    this.ajv = new Ajv({
-      missingRefs: 'ignore',
-      errorDataPath: 'property',
-      allErrors: false,
-    });
-    this.ajv.addMetaSchema(jsonSchemaDraft04);
-  }
-
-  oninit(vnode) {
-    this.schema = vnode.attrs.schema;
-    this.fieldOrder = vnode.attrs.fieldOrder;
-    if (this.schema === null || typeof this.schema !== 'object') {
-      this.schema = undefined;
-    } else {
-      this.ajv.addSchema(this.schema, 'schema');
-    }
-    if (!this.fieldOrder) {
-      this.fieldOrder = [];
-    }
-  }
-
-  // bind form-fields to the object data and validation
-  bind(attrs) {
-    // initialize error-list for every bound field
-    if (!this.errors[attrs.name]) this.errors[attrs.name] = [];
-
-    const boundFormelement = {
-      oninput: e => {
-        // bind changed data
-        this.data[e.target.name] = e.target.value;
-
-        // validate against schema
-        const validate = this.ajv.getSchema('schema');
-        this.valid = validate(this.data);
-
-        if (this.valid) {
-          Object.keys(this.errors).forEach(field => {
-            this.errors[field] = [];
-          });
-        } else {
-          // get errors for respective fields
-          Object.keys(this.errors).forEach(field => {
-            const errors = validate.errors.filter(error => `.${field}` === error.dataPath);
-            this.errors[field] = errors.map(error => error.message);
-          });
-        }
-      },
-      getErrors: () => this.errors[attrs.name],
-      value: this.data[attrs.name],
-    };
-    // add the given attributes
-    Object.keys(attrs).forEach(key => {
-      boundFormelement[key] = attrs[key];
-    });
-
-    return boundFormelement;
-  }
-
-  view() {
-    const elements = this.renderFormElements();
-    return m('form', elements);
-  }
-
-  isValid() {
-    return this.schema === undefined || this.valid;
-  }
-
-  validate() {
-    // do nothing if schema is undefined
-    if (!this.schema) return;
-
-    // validate the new data against the schema
-    const validate = this.ajv.getSchema('schema');
-    this.valid = validate(this.data);
-  }
-
-  getValue() {
-    return this.data;
-  }
-
-  // render all schema properties to an array of form-fields
-  renderFormElements() {
-    const elements = [];
-    if (this.schema !== undefined) {
-      let keys = Object.keys(this.schema.properties);
-      this.fieldOrder.forEach(key => {
-        if (key in keys) {
-          elements.push(this._renderProperty(key, this.schema.properties[key]));
-          keys = keys.filter(e => e !== key);
-        }
-      });
-      keys.forEach(key => {
-        elements.push(this._renderProperty(key, this.schema.properties[key]));
-      });
-    }
-    return elements;
-  }
-
-  _renderArrayProperty(key, item) {
-    if ('enum' in item) {
-      return m(
-        selectGroup,
-        this.bind({
-          name: key,
-          title: item.description,
-          type: item.items.enum.length > 8 ? 'select' : 'buttons',
-          options: item.items.enum,
-          args: {
-            multipleSelect: true,
-          },
-        })
-      );
-    }
-    log('Unknown array property type');
-    return m('');
-  }
-
-  // render schema property to form-fields
-  _renderProperty(key, item) {
-    if (item.readOnly) return m('');
-
-    if ('enum' in item) {
-      return m(
-        selectGroup,
-        this.bind({
-          name: key,
-          title: item.description,
-          options: item.enum,
-          type: 'select',
-          args: {
-            multipleSelect: false,
-          },
-        })
-      );
-    }
-    switch (item.type) {
-      case 'integer': {
-        return m(
-          inputGroup,
-          this.bind({ name: key, title: item.description, args: { type: 'number', step: 1 } })
-        );
-      }
-      case 'number': {
-        return m(
-          inputGroup,
-          this.bind({ name: key, title: item.description, args: { type: 'number' } })
-        );
-      }
-      case 'boolean': {
-        return m(
-          inputGroup,
-          this.bind({ name: key, title: item.description, args: { type: 'checkbox' } })
-        );
-      }
-      case 'array': {
-        return this._renderArrayProperty(key, item);
-      }
-      case 'string':
-      default: {
-        return m(
-          inputGroup,
-          this.bind({ name: key, title: item.description, args: { type: 'text' } })
-        );
-      }
-    }
-  }
-}

src/components/index.js

@@ -6,6 +6,5 @@ export { default as Dropdown } from './Dropdown';
 export { default as TextField } from './TextField';
 export { default as FilterView } from './FilterView';
 export { default as InputGroupForm } from './form/inputGroup';
-export { default as JSONSchemaForm } from './form/jsonSchemaForm';
 export { default as SelectGroupForm } from './form/selectGroup';
 export { default as FileInput } from './FileInput';

src/content/amiv/data/board_portraits.js

 // Contains static information about the current board.
 // Markdown can be used to style the text.
 
-import boardImage from '../images/board/board.jpg';
-import pqImage from '../images/board/pq.jpg';
-import eventPlanningImage from '../images/board/eventPlanning.jpg';
-import erImage from '../images/board/er.jpg';
-import hopoImage from '../images/board/hopo.jpg';
-import informationImage from '../images/board/information.jpg';
-import infrastructureImage from '../images/board/infrastructure.jpg';
-import itImage from '../images/board/it.jpg';
+import boardImage from '../images/board/board.png';
+import presidentImage from '../images/board/president.png';
+import quaestorImage from '../images/board/quaestor.png';
+import kulturImage from '../images/board/kultur.png';
+import erImage from '../images/board/er.png';
+import hopoImage from '../images/board/hopo.png';
+import informationImage from '../images/board/information.png';
+import infrastructureImage from '../images/board/infrastructure.png';
+import itImage from '../images/board/it.png';
 
 const boardPortraits = [
   {
-    image: pqImage,
+    image: presidentImage,
     portraits: [
       {
         role: 'President',
-        name: 'Aurel Neff',
+        name: 'Antonia Mosberger',
         description: {
           de:
-            'Da Innerrhoden schon fest in familiärer Hand ist, hat Aurel beschlossen den Westen zu infiltrieren und kam zur Tarnung an die ETH. Nach einem erfolgreichen Jahr als Kulturi und einem weiteren als Kulturvorstand hat Aurel es nun als Präsident ganz nach oben in der Hierarchie des AMIVs geschafft. Nach so langer Zeit im AMIV ist er allerdings übergelaufen und hat seine neue Heimat, das AMIV-Büro, voll und ganz akzeptiert. Nur die Liebe zum Jassen und der innerrhoder Dialekt ist ihm noch geblieben - das Nacktwandern konnten wir ihm bereits abgewöhnen.',
+            '"Ich nehme die Wahl an". So begann die neue Ära des AMIV: Antonia ist die neue Präsidentin. Sie hat das geschafft, von was Hillary Clinton träumt. Sie kommt aus sehr harten Verhältnissen: musste sie sich als Infrastruktur-Vorstand von gefühlt 5-Jährigen Studenten immer das Gleiche anhören: Wo hast du Bier ? Wann gibt es wieder Bier ? Doch dieses internationale Bootcamp hat sie nur stärker gemacht. So kann sie jetzt ihre fröhliche, liebenswerte und lebensfreudige Art dafür nutzen, dass der AMIV auf Kurs bleibt und sich in vielen Bereichen erweitert. Vergisst Angela Merkels Hand- Raute. Jetzt gibt es nur noch ein Symbol: Die lockigen Haare.',
         },
       },
+    ],
+  },
+  {
+    image: quaestorImage,
+    portraits: [
       {
         role: 'Quaestor',
-        name: 'Patrick Wintermeyer',
+        name: 'Luzian Bieri',
         description: {
-          de:
-            'Geboren in Brasilien, aufgewachsen in Portugal, Deutschland, Frankreich und der Schweiz ist Patrick eine kosmopolitische Persönlichkeit. Mit jungen 17 Jahren führte sein Weg vor zwei Jahren an die ETH, um Elektrotechnik zu studieren. Nach der Basisprüfung wollte er sich ehrenamtlich engagieren und meldete sich auf eine Anzeige der Kontakt.17. Er wurde Quästor und Vizepräsident, bei der er freundlich, aber bestimmt, die Finanzen unter Kontrolle hielt. Um mehr Verantwortung zu übernehmen und um ein grösseres Budget zu verwalten, wurde er schlussendlich amiv Quästor. Ansonsten bereichert er uns mit seinen schnippischen, aber doch gut gemeinten Kommentaren.',
+          de: `Seine Anfänge im AMIV hatte Luzi bereits am ESW. Schnell war klar, dass er für den AMIV wie geschaffen war (sein Kürzel ist luziBIER, for real?!). Er trat der Brauko bei und wurde Kulturi der Leiden (schafft), womit er sich im AMIV schnell einen Namen machte. Auch der Kontakt drückt er als PR Verantwortlicher seinen Stempel auf und meistert diese Aufgabe mit Bravour und einer unglaublicher Effizienz, wie man sie von einem Berner kaum gewohnt ist.
+
+            Doch das war Luzi noch alles nicht genug, weshalb er sich zusätzlich den Posten als Quästor des AMIV aufhalste. Dies alles führt dazu, dass Luzi 24/7 im Büro anzutreffen ist und schon fast zum Inventar gehört. Man munkelt dass er immer wieder seine pyromaische Ader auslebt und allen möglichen Materialien einem Feuertest unterzieht, weshalb zu hoffen ist, dass das Büro Luzis Amtszeit übersteht.`,
         },
       },
     ],
@@ -40,7 +47,7 @@ const boardPortraits = [
         name: 'Sandro Lutz',
         description: {
           de:
-            'Sandro ist der wohl erste IT-Vorstand, der keinen Kaffee trinkt. In seiner zweiten Amtszeit überschaut er einige grosse Informatikprojekte, darunter auch die seit vielen Jahren sehnlichst erwartete neue AMIV-Website und das neue PVK-Tool. Damit der AMIV auch in der Zukunft IT-mässig spitze bleibt, versucht er an den Coding-Days im Dezember, Nachwuchs für das IT-Team zu rekrutieren. Im 5. Semester des Elektrotechnikstudiums bleibt ihm trotz Gruppenarbeit genug Zeit um im Bastli tatkräftig an verschiedensten Projekten mitzuwerkeln.',
+            'Sandro ist der wohl erste IT-Vorstand, der keinen Kaffee trinkt [edit: mittlerweile schon, aber selbstverständlich nur fancy Tannenbar-Kaffee]. In seiner dritten Amtszeit überschaut er einige grosse Informatikprojekte, darunter auch die seit vielen Jahren sehnlichst erwartete neue AMIV-Website und das neue PVK-Tool. Damit der AMIV auch in der Zukunft IT-mässig spitze bleibt, versucht er an den Coding-Days im Dezember, Nachwuchs für das IT-Team zu rekrutieren. Im 6. Semester des Elektrotechnikstudiums bleibt ihm trotz Gruppenarbeit genug Zeit um im Bastli tatkräftig an verschiedensten Projekten mitzuwerkeln.',
         },
       },
     ],
@@ -50,30 +57,40 @@ const boardPortraits = [
     portraits: [
       {
         role: 'Information',
-        name: 'Mathis Dedial',
+        name: 'Patricia Schmid',
         description: {
           de:
-            'Wie so viele Info-Vorstände vor ihm kam Mathis buchstäblich im letzten Moment aus der neugewonnen Leere des dritten ET-Studienjahres zum AMIV. Er bietet eine Idealbesetzung für den Job, sammelte er doch während zweier Jahre als "Customer Service Representative" bei Digitec zahlreiche Erfahrungen beim kompetenten Handling von Hate-Mails (Man munkelt über einen Schredder an seinem Druckerausgang). Seine Ziele für das kommende Jahr sind eine tadellose Kommunikation mit allen Organen der Universität, dem AMIV zum hottesten Instagram-Account 2k18 zu verhelfen und endlich mehr Likes als der VSETH abzustauben. Die Inspiration für neue, kreative Announce-Titel holt sich Mathis vor allem wenn ihm der Wind beim Motorradfahren um die Ohren bläst.',
+            '«In einem Jahr bin ich Präsidentin von diesem Saftladen!» Hat nicht so schon manche gute Geschichte angefangen? Ok… vielleicht auch nicht… Die von Patricia jedenfalls schon. Nach dem ESW – wo eben diese Geschichte ihren Lauf begann – engagierte sich Patricia vor allem im Kulturteam.  Fragt man Patricia, beginnt die Geschichte eigentlich schon viel früher: Und zwar, als sie im schönen Obwalden aufwuchs, die Ausrede «ich musste die Kühe meines Nachbars einfangen» noch zählte und man den Test wiederholen konnte, wenn man die Bedeutung von Plus und Minus verwechselt hatte. Anyway… Nebstdem sie, mit viel Freude an der Reichweite, den Amiv-Instagram-Account unterhält, ist sie noch Infovorstand und euer Ansprechpartner für alles Mögliche.',
         },
       },
     ],
   },
   {
-    image: eventPlanningImage,
+    image: kulturImage,
     portraits: [
       {
         role: 'Event Planning',
-        name: 'Kira Erb',
+        name: 'Lina Gehri',
         description: {
-          de: `
-            Mit einer frischen Matura in der Tasche kam Kira letztes Jahr an die ETH und somit in den amiv. Schon nach der ersten Woche und dem Erstiweekend hatte Kira sich bei den alten amiv-Hasen ins Gedächtnis gesetzt. Und genau so wie ihre amiv-Karriere begonnen hat, machte sie auch weiter. Schon im Herbstsemester organisierte Kira einige Events, welche sich durch eine Neigung zum Kulinarischen auszeichneten. Im Sommersemester wurden Kiras Events immer grösser und ihre Einsatz rundete sich schlussendlich mit der Absolventenparty ab.
-
-            Nachdem Kira im Sommer ‘17 ihre Basisprüfung, für amiv Verhältnisse, ausserordentlich gut bestanden hatte, tat sie das einzig Richtige. Sie hat sich dazu entschieden dem amiv und seinen fleissigen Eventbesuchern durch den Posten als Kulturvorstand noch mehr Zuwendung zu schenken.`,
+          de:
+            'Am Erstiweekend hat Lina das erste Mal AMIV-Luft geschnuppert und rutschte dann in ihrem Basisjahr immer tiefer hinein. Im den letzten zwei Semester war sie unter anderem mit der Organisation des Speeddatings, für die Verbreitung von Liebe zuständig. Nach einem bestandenen Basisjahr und einem guten halben Jahr Brainwashing entschied sie sich dazu, als Kulturvorstand zusammen mit Kira (vermutlich das erste Mal in der Geschichte des AMIV, dass beide Kulturvorstände Frauen sind...) dafür zu sorgen, dass weiterhin geile Events zustande kommen.',
         },
       },
       {
         role: 'Event Planning',
-        name: 'Lina Gehri',
+        name: 'Ian Boschung',
+        description: {
+          de:
+            'Ian ist seit seinem ersten Semester Kulturi aus Leidenschaft. Mit seiner Begeisterung für seinen absoluten Lieblingsevent, die Weindegu (Als fast-Welscher ist Wein halt eine Herzenssache), erinnerte er so stark an andere Kulturvorstände vergangener Tage, dass seine Nomination nur der nächste logische Schritt war. Ians Qualitäten als organisierter Planer und Teamplayer machen ihn zu einer Idealbesetzung für den nun dreiköpfigen Kulturvorstandsposten. Der einzige Nachteil: niemand versteht seinen Dialekt, und schon gar nicht seine Nachrichten!',
+        },
+      },
+      {
+        role: 'Event Planning',
+        name: 'Betty Lory',
+        description: {
+          de:
+            'Schon in ihrem ersten Jahr an der ETH im Studiengang HST wurde Betty von Kollegen mit ins AMIV-Büro geschleift und lernte so den besten Fachverein der ETH kennen. Trotz erfolgreich bestandener Basisprüfung wechselte sie ins Elektrotechnik-Studium und nahm an zahlreichen Amiv-Events teil. Sicher auch deshalb liess sie sich 5 Tage vor der GV noch dazu überzeugen, Kulturvorstand zu werden. Wenn neben dem Studium und dem AMIV noch Zeit bleibt, trifft man Betty sicher im Papperlapub an.',
+        },
       },
     ],
   },
@@ -82,17 +99,21 @@ const boardPortraits = [
     portraits: [
       {
         role: 'University Policy',
-        name: 'Tino Gfrörer',
+        name: 'Daniel Biek',
         description: {
-          de: `
-            Tino ist momentan in seinem 5. Semester des Elektrotechnik Bachelors an der ETH. Falls ihr euch manchmal wundert wer gerade im Aufenthaltsraum gerade so rum singt, wisst ihr nun bescheid… Tino benutzt seine Stimme nicht nur um die ITET Studenten Optimal zu vertreten, sondern auch um die allgemeine Stimmung der total überforderten Studenten etwas in die Höhe zu treiben.
+          de: `Biek, Daniel Biek. Aufgewachsen ist er mit seinen zwei schwulen Schildkröten Koopa und Yoshi in Berlin. Obwohl er halb Deutscher und halb Kolumbianer ist sowie russische und dänische Vorfahren hat, spricht er weder Russisch, noch Dänisch, noch Spanisch. Nur Deutsch. Ein wenig enttäuschend, aber naja. Dafür ist Dani prädestiniert als Hopo-ITET-Vorstand, da er eine weltoffene Persönlichkeit besitzt, mit allen und jedem spricht und sich alle Namen, Adressen, Augenfarben, etc. merken kann (Stalker-Alarm!). Ebenfalls ist er als Gossip Girl erster Ansprechpartner für Klatsch und Tratsch am D-ITET. Er bevorzugt Fussball über Icehockey, Mayo über Ketchup, Mc Donald’s über BurgerKing, Sommer über Winter, den BVB über Bayern, Kakao über Kaffee (?!?) und Tequilla über allem (but… why?). Weiter liebt er Raclette (wer schon nicht?!) und hat sein schwächeres Auge links (daher die Brille, thanks Captain Obvious).
 
-            Außerdem kann man sich mit ihm auch noch schön vom Alltag ablenken wenn man gerade so einige Reisetipps sucht. Da er 3 Jahre in Singapur gelebt hat kennt er sich mit dem Thema Ausland ziemlich gut aus.`,
+            Und grün. Seine Lieblingsfarbe ist grün.`,
         },
       },
       {
         role: 'University Policy',
-        name: 'Johannes Schretter',
+        name: 'Julia Jäggi',
+        description: {
+          de: `Seit Julia mit dem Maschinenbaustudium an der ETH angefangen hatte, engagierte sie sich tatkräftig beim HoPo-MAVT-Team. Dort hat sie zu vielen Themen eine gut überlegte Meinung und scheut auch nicht, diese zu vertreten. Während ihrem Basisjahr organisierte sie zahlreiche PVKs und arbeitete sich in diverse Gremien ein. Nach erfolgreichem Basisjahr traf Julia die einzige richtige Entscheidung und wurde Vorstand des HoPo-MAVTs. Wenn Julia nicht gerade in der Vorlesung HoPo-Angelegenheiten regelt, ist sie bestimmt mit ihrem Hund unterwegs, am Wandern im Engadin oder am Skifahren.
+
+            Mit einem Bier aus dem guten alten Bierautomat in der Hand wird man Julia jedoch nie sehen und bei Sitzungen geht ihr Magen oft leer aus. All das, weil Julia gluten-intolerant ist. Von diesem Rückschlag lässt sie sich jedoch nicht unterkriegen und Julia ist oft bei geselligen Anlässen anzutreffen.`,
+        },
       },
     ],
   },
@@ -102,10 +123,23 @@ const boardPortraits = [
       {
         role: 'External Relations',
         name: 'Silvio Geel',
+        description: {
+          de: `Silvio kam an seinem Ersti-Weekend zum ersten Mal mit dem amiv in Kontakt. Danach galt es zunächst die Basisprüfung zu bestehen. Als Einstiegsdroge entpuppte sich dann im 3. Semester die Braukommission. Silvio arbeitete sich stetig empor. Vom normalen Brauko-Mitglied zum Vizepräsidenten bis er schliesslich diesen Winter zum Braumeister gewählt wurde.
+
+            Als Infrastrukturverantwortlicher für die Firmenmesse Kontakt.17 lernte Silvio auch das Ressort External Relations kennen. Als ER-Vorstand bemüht er sich mehr Stabilität in das Sponsoring zu bringen und versucht mit Qi zusammen das Ressort für die Zukunft umzustrukturieren.
+          
+            Parallel zur amiv Laufbahn studiert Silvio Elektrotechnik. Nach ein paar Rückschlägen hat er alle Blöcke bestanden und befindet sich kurz vor dem Bachelorabschluss.
+
+            Vor allem die Vertiefung im Bereich Kommunikation hat es ihm angetan.`,
+        },
       },
       {
         role: 'External Relations',
-        name: 'Shuaixin	Qi',
+        name: 'Marie Matos',
+        description: {
+          de:
+            'Als fremdsprachiges Vorstandsmitglied hat Marie manchmal einen schweren Stand. Immer wieder heisst es «Hei Leute, Änglisch!». Doch als zielstrebige Person, kann sie das gut managen. Vielleicht kommt das auch von ihrer langjährigen Erfahrung als Schiedsrichterin. Neben dem Studium spielt sie auch sehr gerne Volleyball. Sie studiert Biomedical Engineering und möchte später Leuten mit Knie- oder Hüftproblemen helfen. Doch vorher sorgt sie erstmal dafür, dass in der Eventkasse des amiv kein grosses Loch klafft und die Kontakt gut über die Bühne geht.',
+        },
       },
     ],
   },
@@ -114,10 +148,11 @@ const boardPortraits = [
     portraits: [
       {
         role: 'Infrastructure',
-        name: 'Antonia Mosberger',
+        name: 'Lukas Eberle',
         description: {
-          de:
-            'Um das ohnehin nicht sehr langweilige dritte Semester des Maschinenbaustudiums noch ein bisschen herausfordernder zu gestalten, entschloss sich Antonia neben ihrer Tätigkeit als Hilfsassistentin noch den traditionsreichen Posten des Infrastruktur-Vorstands zu übernehmen. Sie ist damit die Hausherrin aller AMIV-Räume und sorgt überall für Sauberkeit und Ordnung. Als Nachfolgerin von Luca hat sie zwar in grosse (und alkoholhaltige) Fussstapfen zu treten, meistert jedoch ihre Rolle mit ihrer charmanten Art perfekt. Zu ihren Tätigkeiten gehört unter anderem auch, dass die Studierenden ihr tägliches wachhaltendes Lebenselixier bekommen: Sie befüllt den Bierautomaten im Aufenthaltsraum.',
+          de: `Anfangs schien es dem Landburschen Lukas gar nicht zu gefallen an der ETH: wenn es ihm mal wieder zu stressig wird, träumt er laut von einem chilligen Leben an der PH (je nach Tagesform auch von einer Karriere als Curlingprofi oder davon, die nächstbeste Dorfbank zu übernehmen). Doch seit der Übernahme der Infrastruktur scheint er angekommen zu sein; es gibt schliesslich kein befriedigenderes Gefühl als einen vollen Bierautomat und glückliche Studenten mit einer Hülse in der Hand.
+
+            Am meisten freut sich Lukas darauf, sein ganzes Budget im Metzgereizentrum für Grillzubehör auszugeben, damit der amiv seine grösste Stärke weiter ausbauen kann: Bier-und-Wurst-Events!`,
         },
       },
     ],