Daniel changed his username from hikes101 to danielstreif

Problem description:
The download links for the pdf documents "Satzung" and "Mitgliedsantrag" lead to strikingly. Right now they still work but we should move the files to another location to be independent of strikingly.

Suggested solution:
Upload the files on MongoDB or another location and change the link paths accordingly.

Problem description:

Right now our server doesn't compress static files. Enabling gzip will reduce website size which is good for mobile devices.

Suggested solution:

Enable gzip compression either in express or on server level.

Currently events.json can crash the site if it is non-existent. If it exists it creates a changed file every time npm start is run.

@pheeria @jarjan Simply using the i18n json doesn't work since the tab information is described in home.js. Any idea how to work around this? Here the code snippet:

const ourValues = () => ({
  badge: "Über Uns",
  title: "Unsere Werte / Our Values",
  text: "Dafür steht Die Lernwerkstatt.",
  link: "/values",
  image: "img/home/notebook.png"
});

• Partners should be clickable
• Remove the list

What you did:
Updated jQuery

Problem description:
None of the modals work - Calendar events, Hamburger menu, Team members

Suggested solution:

• Revert jQuery version
• Replace with our own implementation

Every form should have aria labels

Check here for more details

Basic support for i18n

Vulnerability alert from here

• Issue Template
• Pull Request Template

For inspiration look here, to see how we are doing, look here

Currently, default locale is properly set to de, but the texts are still shown in English.

Code snippet from André:

<script type="text/javascript">
  /* Configure at https://www.betterplace.org/de/projects/74137-unterstutze-die-lernwerkstatt-lernen-und-lernen-lassen-e-v/manage/iframe_donation_form/new */
  var _bp_iframe        = _bp_iframe || {};
  _bp_iframe.project_id = 74137; /* REQUIRED */
  _bp_iframe.lang       = 'de'; /* Language of the form */
  _bp_iframe.width = 600; /* Custom iframe-tag-width, integer */
  _bp_iframe.color = 'fd7222'; /* Button and banderole color, hex without "#" */
  _bp_iframe.background_color = 'ffffff'; /* Background-color, hex without "#" */
  _bp_iframe.default_amount = 10; /* Donation-amount, integer 1-99 */
  _bp_iframe.recurring_interval = 'monthly'; /* Interval for recurring donations, string out of ["single", "monthly", "quarter_yearly", "half_yearly", "yearly"] */
  _bp_iframe.bottom_logo = true;
  (function() {
    var bp = document.createElement('script'); bp.type = 'text/javascript'; bp.async = true;
    bp.src = 'https://betterplace-assets.betterplace.org/assets/load_donation_iframe.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s);
  })();
</script>
<div id="betterplace_donation_iframe" style="background: transparent url('https://www.betterplace.org/assets/new_spinner.gif') 275px 20px no-repeat;"><strong><a href="https://www.betterplace.org/de/donate/platform/projects/74137-unterstutze-die-lernwerkstatt-lernen-und-lernen-lassen-e-v">Jetzt Spenden für „Unterstütze Die Lernwerkstatt - lernen und lernen lassen e.V. “ bei unserem Partner betterplace.org</a></strong></div>

Hallihallo, wir würden uns freuen, wenn ihr noch den Jahresbericht (der aktuelle ist der von 2016/17, der folgende ist in Arbeit) auf die Webseite stellen könntet. Am liebsten unter "Werte" mit dem Vermerk "Hier findet ihr den Jahresbericht mit einer ausführlichen Beschreibung unserer Arbeit."

• Run Chrome Dev Audit
• Check recommendations for event images

Whenever creating a PR, please refer to the issue its related to by mentioning it in the PR description. This would also move the issue on the Roadmap when the PR is created, reviewed/approved and merged back. In order to notify others, that the particular PR is being worked on, please label the Issue taken, and assign yourself.

• Check with color check
• Discuss with Bianca the new proposal

Update all to the latest versions and make sure everything works as before.

Only hardcore, only XML :)

Please, attach a submission screenshot.

Current language indicators DE and EN are too similar at the first glance. We should make them more distinguishable. Maybe use flags instead? Maybe only show one option, removing the current one?

• Create a sitemap
• Add to robots.txt
• Submit to Google Search Console

Adding schema.org markup will increase semantic of our project.
Official docs: https://schema.org/
Article explaining everything: https://yoast.com/structured-data-schema-ultimate-guide/

We need this number to be a bit higher :)

Max entwickelt Visionen interkulturellen Lernens und interreligiöser Kommunikation. Ausgehend von der klassischen Bildung ist es ihm ein Hauptanliegen die Verwirklichung des sich bildenden Menschen in der Würde seiner eigenen Begabungen zu ermöglichen. Als Mathematikstudent baut er seine Kenntnisse mathematischer Zusammenhänge weiter aus und ist darauf bedacht, diese für den Entwurf von Problemlösungsstrategien einzusetzen. In der Lernbegleitung fördert er die Medienkompetenz von Schülern und unterstützt sie bei der Verfeinerung ihrer Arbeitsweisen und der Aneignung und Vertiefung umfangreicher Kenntnisse, die auch über die schulischen Themen hinaus gehen.

We need a privacy notice (Urheberrecht und der Datenschutzerklärung), like on the Contact page, to be also present for a Subscribe page.
Furthermore, on the Support page, we also need a reference to the policies, as a bullet point number 4.

4. "Hier findest du unsere Datenschutzerklärung, mit weiteren Informationen zum Umgang mit deinen Daten."

@jarjan @pheeria I didn't find a way to insert visible spaces between date and time yet. The whole thing is in one string which is created in facebook.js. However, multiple spaces will not be shown in a browser. Using CSS seems to be the best solution but I'm not exactly sure how to implement it. Here a related question and here our code:

const stringifyEventDate = eventDate => {
  let result = "";
  const start = moment.parseZone(eventDate.start_time);
  const end = moment.parseZone(eventDate.end_time);

  if (start.isSame(end, "day")) {
    result = `${start.format("DD.MM.YYYY")} ${start.format(
      "HH:mm"
    )} - ${end.format("HH:mm")}`;
  } else {
    result = `${start.format("DD.MM.YYYY")} ${start.format(
      "HH:mm"
    )} - ${end.format("DD.MM.YYYY")} ${end.format("HH:mm")}`;
  }
  return result;
};

All of header tags should be semantically ordered.

Check here for more details.

We are not really using them for now.
And they run multiple checks for nothing, repeating Travis functionality.

https://simplemde.com/

We need a new route /calendar which redirects to https://teamup.com/ksb15466a44b299f51

Come up with a nicer console message. The current one also looks odd because of the formatter, which cut the background color.
Be inspired by some ASCII art :)
Maybe consider using Die Lernwerkstatt logo with Tiler?

Include our names/emails to humans.txt

• A new endpoint in a new router
• Checks mongo connection
• Checks fb connection
• Checks SSL
• Checks cache

For now, let's try out Google Analytics

Expires on 4th of January

Problem description:

We, devs, want to notify users of any significant changes made to a website. Ideally, we want to also notify about coming i18n.

Suggested solution:

1. Create a cookie for homepage which is set only within a certain time frame for a limited time.
2. Insert some javascript which looks for a cookie on load, and if found, shows a modal.
3. To make the functionality generic, the data about the cookie, its duration and the announcement title/description, could be written and read from an .env variable as a json string. This way, we could always announce new stuff by modifying Azure config, instead of changing the codebase.

All of other links have this attribute, but Chrome Audit still complains about these from Facebook. :)

• Add /calendar to robots.txt
• Maybe try to embed/iframe the site within ours?

There are known security vulnerabilities in the versions we are currently using.

Apparently, every e.V. needs an Imprint/Impressum.

Here is the text:

Impressum

Die Lernwerkstatt - lernen und lernen lassen e.V.
Karl-Kunger-Str. 55
12435 Berlin
[email protected]
+49 176 87840154

Vertretungsberechtigter Vorstand des Vereins: André Brötz & Bianca Geburek
Amtsgericht Charlottenburg
VR 34225 B
Steuernr. : 27/658/52900

• Add a new page
• Place the link as the last item in Footer
• i18n all of the text

Our contact form seems to do nothing.

https://die-lernwerkstatt.org/contact

https://github.com/Lernwerkstatt/site/blob/master/src/views/contact.hbs

iframe Openki and add a link in the footer
https://openki.net/

More here