Giter VIP home page Giter VIP logo

danascript / algtivism Goto Github PK

View Code? Open in Web Editor NEW
14.0 2.0 24.0 1.39 MB

Algtivism is a social project aimed to storm the search results of search engines by normalising inclusion and diversity. Feel free to fork it but use it responsibly.

Home Page: https://danascript.github.io/algtivism/

HTML 58.94% CSS 35.86% JavaScript 5.20%
seo search-engine professional-hairstyles html css javascript beginner-friendly activism social-project beginner-project

algtivism's Introduction

01.09.2020 UPDATE

Hey! For the time being, in order to make an impact, we need the websites to have a slightly different content. This means 2 things:

  1. I'm working on creating a randomiser for the content of your website so we still keep it easy-peasy contribution with one click
  2. If you do fork the project after this date, please change the content around (scroll down to see the different suggestions I have for the meta tags of description&title, change up some pics, add text, go wild!), the structure can remain the same

I'll update you once the randmosier is done, but until then there is a 99% chance our websites are going to be blocked by Google :( (DuckDuckGo and Ecosia are fine though)

Now that you are informed you can choose what you wish to do :) Thanks!

Algtivism

Algtivism is a social project aimed to storm the search results of search engines by normalizing inclusion and diversity. Feel free to fork it but use it responsibly.

To make it easier, I've set up all you need in order to have a basic running website and documented some steps/guide as to what to change (if you want to), where and how to find things.

OR Watch it on YouTube here!


Live

I'll keep all the websites you create in a list here below, so once you have it live, submit a PR request with a link to your created website and it'll appear here!

  1. https://danascript.github.io/algtivism/
  2. https://georginapuig.github.io/algtivism/
  3. https://rebeccafrey.github.io/algtivism/
  4. https://hairyfrogfish.github.io/algtivism/
  5. https://syedacodes.github.io/algtivism/
  6. https://caputocode.github.io/algtivism/
  7. https://funnyyouask.github.io/algtivism/
  8. https://astiv.github.io/algtivism/
  9. https://theleanicole.github.io/algtivism/
  10. https://www.thenewprofessionalsonline.com/
  11. https://walamotamed.github.io/algtivism/
  12. https://bulliana.github.io/algtivism/
  13. https://aybakes.github.io/algtivism/
  14. https://chris-dvlpr.github.io/algtivism/
  15. https://antsukelee.github.io/algtivism/
  16. https://matias2018.github.io/algtivism/
  17. https://harshdevl.github.io/algtivism/
  18. https://emmahowes25.github.io/algtivism/
  19. https://architechnique.github.io/algtivism/
  20. https://algtivism.nathanhawkes.co.uk/

Structure

  • index.html > template, content, images
  • style.css > styling, fonts
  • script.js > anything JavaScript you wish

How to run

If you don't want to change anything, just fork the repo and scroll to the How to publish section below

If you do want to change things here and there:

  1. Fork the repo
  2. Clone it to your machine
  3. Open it in an IDE of your choice
  4. In index.html search for FILL IN and replace with your content or with some suggestion from the Meta Tags section below (this is the most important part for the SEO.)
  5. Adjust some styles in style.css and change the content in index.html, check Images and Fonts section below
  6. Once you're done - push the changes to your repo and check the How to Publish section to go live!

P.s. keep the website mobile friendly - important for SEO!


How to publish

Once you have the repo in your GitHub, navigate to Settings > scroll to GitHub Pages section > in the source choose master branch and save! After some minutes your website should be up and running.


If you have ANY questions - please reach out to me or here or on Instagram @danascript.


Content of choice

You are free to use any content you wish (don't forget to check for copyrights!) but here are some tips/suggestions:

Meta tags

TIP: type in the search engine the term the results of which you wish to change (e.g. professional hairstyles), navigate to an example of your choice, click on the page to get the dropdown menu (right/left click on the mouse depending on your preferences) and choose View Page Source. Now press Command + F or Ctrl + F and search for title and then description and here you go! All the information you need.

Titles
  • Professional Hairstyles
  • Hairstyles for Interviews
  • Workplace hairstyles
  • Hairstyles 2000 - 2020
  • Best Job Appropriate Hairstyles
  • Interview Appropriate Hairstyles
Descriptions
  • Get on your A game with these professional hairstyles! From paperwork to schmoozing clients, we give you the professional hairstyles you need to succeed.

  • How to style hair for a job interview to make a killer first impression? We collected 41 foolproof hairstyles that will help you to get your dream job!

  • How you style your hair for an interview can be just as important as the clothes that you wear. Read our guide that has the perfect style for you.

  • On your way to an important meeting that can change your life? Discover here the most rewarding interview hairstyles.

Images and Fonts

I found the current content on Pexels and the font from Google Fonts. Always check for copyrights of images/fonts/anything else you're taking from the web!

For better SEO I highly recommend you to optimise the images (in Pexels you can already get them in the size you need) and run them through an optimising service (I use Panda).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.