hackerinnen/hackerinnen

hackerinnen.space is a project to provide encouragement and enhance visibility in different places

hackerinnen.space

A project to provide encouragement and enhance visibility

hackerinnen.space originated from our personal experience that it is quite hard for non-male people in the Tech sector to spot other non-male people in the same field. Oftentimes you even think that there are no such people in your own city. But that is not the reality, we're here!

On this website we share our personal experience and want to encourage people to participate in the creation of software, to contribute to the web and other technologies, to be creative, to learn together and exchange ideas - to hack together. Even though it sometimes looks different, not all programmers are men.

This initiative does not imply that we dislike men or want to distance ourselves from them. On the contrary, we all do know many men who love Tech and programming as much as we do, and we highly value them! By the way, many of them also wish for more diversity in Tech. Because Tech is colorful and doesn't have a gender.

In this spirit - let's spread our colors and show ourselves!

Table of Contents

How to show yourself
Technologies used to build this project
Setup
Report a bug
Support the project
Isn't hacking illegal?
Recruiter info
Contact

How to show yourself

If you feel you belong here, please join and show yourself!

Local setup:

1. Fork the repository and clone it to your local machine

2. Switch into hackerinnen directory

3. Create a feature branch

4. Create a folder with your name in /content/hackerinnen/{firstname-lastname}

   A person's folder should contain 3 files:

   • index.de.md for the German translation
   • index.en.md for the English translation
   • a picture (please name it with your name, e.g. ada-lovelace.jpg)

   If you experience trouble translating your profile in one of the languages, you could use DeepL or Google Translate. You can also skip one of the translations by keeping the setting draft: true.

   If you do not want to add a pic of yourself, maybe you want to find a picture that is somehow connected to you? It would be wonderful if the profiles were individualized, but if you do not want that, it is also ok, we are happy that you are on board :-)

5. See /content/hackerinnen/ada-lovelace folder and copy the content structure of all index files and add them to your own files.

6. Remove all draft: true settings in the head of your files. If you don't have a translated version (either English or German you can keep the draft setting and your profile won't show in this language).

7. Check if you updated the date setting in the head of your files.

8. If you like to be found when browsing spaces (hackerinnen.space/spaces) you need to update the spaces setting in the head of your files.

   Spaces can be a city or an area you can be met "offline". If your space doesn't exist, create a folder /content/spaces/{name-of-your-space}, add an _index.de.md and _index.en.md file to the new folder. Add an picture of that space.

9. Add your answers. If you do not want to answer a certain question, just leave it out.

10. Create a PR

Technologies used to build this project

• Hugo Framework
• Bulma CSS Framework

Setup

If you want to run the the project locally, you need to install Hugo. Make sure to install the extended version, since it is requiered for compiling scss/sass file.

How to run the page locally

Run the following commands in the terminal:

git clone [email protected]:hackerinnen/hackerinnen.git

cd hackerinnen

hugo server

To see drafts run

hugo server -D

Support the project

If you know people who should definitely show themselves, please let them know about the project and invite them to add their profile!

You can also help to spread the idea by referring us through your social media channels for example by linking or tagging us. We can be found on Instagram and Twitter.

And we have issues :-) If you want to help to improve the website and/or the submission form, please feel free to grab one open issue and work on it. Beginners are welcome and we are always ready to help!

Isn't hacking illegal?

The term Hacking is often used in mass media to describe a malicious action by a technically skilled person, like subverting security to break into computer systems to do damage. But the original meaning of this word is different! During the 1950s this term described the devotion to technical challenges and was associated with creativity and originality. Those smart tinkerers called themselves Hackers for the first time. It was around that time that the derived word to hack was coined, which these days stands for the creative solution for a technical problem.

We use the German word Hackerinnen in its original intent to describe people, who are passionate about using a computer to solve problems creatively and turn ideas into reality. We reject using a computer for malicious and illegal purposes and don't support any related techniques or points of view.

Information for Recruiters

We don't know if the Hackerinnen presented on this platform are looking for a job, a career change or a freelance gig. If this is the case, they're most probably already on the lookout on other platforms. This platform has no commercial purpose. We kindly ask you to refrain from recruiting activities via this network.

Contact

If you need help adding your profile, if you have questions or want to comment something, you can find us on Instagram and Twitter or send us an email to hello at hackerinnen.space.

hackerinnen's Issues

Add meta tags to page

Add meta tags title, description and for facebook and twitter sharing also share images in the correct sizes.

Set up Instagram at: https://www.instagram.com/hackerinnen.space
Set up Twitter @hackerinnen

More details:
https://developers.facebook.com/docs/sharing/webmasters/images/?locale=de_DE
https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary-card-with-large-image.html

Move official GitHub repo to https://github.com/hackerinnen organization

Cool would be https://github.com/hackerinnen/space, IMO 🤩

Add pages for tags workshop, project, initiative

Add page for workshops, projects, initiatives
Add them to the nav

Discuss parameters to add on the profile page

Following parameters are planned so far:

• Twitter Handle
• Instagram Handle
• Website
• WhereToMeetMe
• PublicSpeakingTopics
• Mentor (yes/no?)
• Technologies

On twitter card / FB sharing the images does not show up correctly

Try out here:
https://cards-dev.twitter.com/validator
https://developers.facebook.com/tools/debug/sharing/

Create a template with questions and params

Blocked by #6 and #2

Discuss profile questions and add English translation

The idea is to have a template for questions that could be answered by featured women.
The current set is:

• Wie und wann hast du mit dem Programmieren begonnen?
• Was magst du besonders am Programmieren?
• Was ist gerade dein Lieblingsprojekt?
• Was würdest du gern zukünftig einmal probieren/lernen/können?
• Was war bisher deine größte Herausforderung als Programmiererin?
• Welchen Tipp hast du für Programmieranfänger**innen?
• Welches Klischee über Hacker oder Programmieren kannst du sofort widerlegen?

Is that enough? What could be added or left out?

Add example markdown for project page

What information do we want to list for a project?

Add example markdown for workshop

Which information do we want to add?

Translate German text on homepage and zeigdich page

Download and integrate the google font

To avoid adding extra paragraphs to the data privacy statement, it would be nice to have the google font downloaded and integrated.

Add favicon

Use logo to create favicon

Hugo BaseUrl is incorrect on netifly deploy preview

The base url of the site is set to https://hackerinnen.space.
When looking at the Netifly deploy preview (deploy-preview-42--yoursitename.netlify.com) some files are missing because their path points to https://hackerinnen.space domain but the files are not deployed yet.

Is there a way to change the base url depending on environment?

Links are partly hard coded

At the moment some links, in particular those obviously using the baseURL = "https://www.hackerinnen.space/" of the config.toml (e.g. https://www.hackerinnen.space/spaces/berlin/fraumitsuper-langennamen/ or all English page links), appear to be hard coded that makes testing on netlify staging kind of hard.
Not sure if there is one, but it would be great to have a dynamic solution here rather than using the hard coded URL to have a proper staging result.

Background does not get re-rendered on window resize

When resizing the window the background does not get re-rendered.
Looks weird when i refresh the page on small screen and the resize the window to a bigger size.

Add styles for links

Add a styling for normal links. At the moment they appear like normal text.
A style for hovering is needed.

Create a fancy little animation for the home page panel

The panel can be found as a <section></section> in public/index.html of the project.

The idea is to have a JS or CSS animation to give the home page a cool design. The challenge is though to use as less code as possible, no additional libraries would be super awesome, to keep the project small sized and maintainable.

There are custom css and js files already here: public/css/hackerinnen.css and public/css/hackerinnen.js.

Create a contact email address

Enable pagination

Enable pagination to pages with profile overviews, like /tags/hackerinnen/. One page should be limited to 12 profiles.

Create social media accounts

Create an instagram and twitter account.

Error building site: invalid memory address or nil pointer dereference

Error: Error building site: failed to render pages: render of "taxonomyTerm" failed: execute of template failed: panic in Execute: runtime error: invalid memory address or nil pointer dereference. See "gohugoio/hugo#5327" for the reason why we cannot provide a better error message for this.

This bug appeared locally after running "hugo server -D" on @normade laptop and has been reproduced by @miku, who suggested following solution at pages with an image rendering which solved the problem for now:

{{ with .Resources.Match "**.jpg" }}
       {{ range . }}
            {{ $scaled := .Fill "350x250" }}
             <img src="{{ $scaled.Permalink }}" alt="{{ i18n "profile-image" }}">
       {{ end }}
{{ end }}

instead of

{{ range .Resources.Match "**.jpg" }}
     {{ $scaled := .Fill "350x250" }}
      <img src="{{ $scaled.Permalink }}" alt="{{ i18n "profile-image" }}">
 {{ end }}

Since we aren't sure about the reason for this bug, I add this issue here to remember the details in case this happens again or adding other ideas about why this error appeared.

Twitter sharing image is not displayed

Linking hackerinnen.space on twitter doesn't add the expected image.

Discuss /machmit page

I think it would be great to have a /machmit page that can be shared.

Arrow animation doesn't appear on medium screens

I don't know if it was intended @Twissi but the arrow animation on the home page doesn't show up on my 13'' screen laptop.

Review new netlify policy and submit/add information

Netlify loves open source projects
We're delighted to give all open source projects a generous free tier of our services. Starting in March 2020, we'll have new terms of service for open source projects we sponsor, including new requirements for a code of conduct, an approved license and badge. If you're currently running an open source account on Netlify or have a future project, please review the new policy and submit the information about your project by March 9, 2020.

Discuss how to stop unwanted recruiter spam

A minor concern is that the page is misused by recruiters or recruiting bots. Maybe we can have some a friendly note targeted to recruiters to respect the women on the page. I don't have any concerns about serious inquiries, but I don't want to be spammed by recruiters if I am not looking for a job.

Ideas:

• a page targeted to recruiters with friendly reminder that not all women on that page want to be contacted or added by linkedin (or similar)
• each profile can have some section about personal preferences (I do/do not want to be contacted by recruiters)

Non-male people in tech - Add your profile

We are looking for non-male people in tech that like to share their personal experience on our page.

Please read before you add your profile: https://hackerinnen.space/zeigdich/

This initiative does not imply that we dislike men or want to distance ourselves from them. On the contrary, we all do know many men who love Tech and programming as much as we do, and we highly value them! By the way, many of them also wish for more diversity in Tech. Because Tech is colorful and doesn't have a gender.

Create design of spaces overview page

Create a design for the spaces overview page (layout/spaces/list.html).
The cities are ordered alphabetically at the moment.

Create design for "Zeig dich!" page

This should contain some words about the project and the process to add an own profile.

Create content for the homepage

Add styles for impressum page

especially style for links which could be set globally for the page also

Make year in footer dynamic

Scroll Back To Top Button

Hi, I'd like to implement a scroll-to-top button on the Hackerinnen website. I think it'd be a great feature for enhancing user experience.

Find a way to add a dummy pic, if no pic is added for a profile

We need to include the case that a person doesn't want to provide a picture.
Therefore we would need a dummy image.
This could be added as part of the automated creation of a profile folder with a Hugo command, #10 . So a dummy image is always added and would need to be replaced by the profile pic if wished.

How should that dummy look like?

Add styles for Datenschutz page

Doesn't need to pretty but somehow readable ;-)
Especially styles for the list and links (could be set globally also)

Create deployment process

Things to do:

• CI solution
• GitHubPages /Netifly
• DNS

Use personal access token instead of password for API access

Hi @hackerinnen-bot,
You recently used a password to access an endpoint through the GitHub API using Homebrew/2.2.1 (Macintosh; Intel Mac OS X 10.13.6) curl/7.54.0. We will deprecate basic authentication using password to this endpoint soon:
https://api.github.com/repositories/3623050
We recommend using a personal access token (PAT) with the appropriate scope to access this endpoint instead. Visit https://github.com/settings/tokens for more information.
Thanks,
The GitHub Team

If my browser language is German I do not get redirected to the German version

We would like to redirect the user to the correct language version of the site.

Create design for profile page

The feature profile page (layouts/spaces/single.html) needs a design to display the questions and answers, a pic and also the params.

Add example markdown for initiative

What information do we want to show on that page?

Discuss the general workflow to add a profile

We would need a clear and easy process to add a new profile. At the moment the plan is following:

0. Checkout the project repo, create a feature branch
1. Create a folder with your name in hackerinnen/content/spaces/{your-city}/{firstname-lastname}
2. If your city doesn't exist, create a folder hackerinnen/content/spaces/{name-of-your-city}, add an _index.md and _index.en.md file to the new folder. Then create your name folder.
3. A person's folder should contain 3 files:

• index.md
• index.en.md
• a picture

4. Copy the content structure of the index files from a template
5. Add your answers
6. Create a PR

Maybe this can be done on GitHub directly if someone is not familiar with using?
Best would be to automate the creation of a profile as much as possible with a Hugo command.

Move hackerinnen profiles

We would like to move all hackerinnen markdown files under hackerinnen and spaces (berlin, leipzig,..) should be a tags.

Create Impressum and Data Privacy Statement