johnrees/fablabs

View on GitHub
app/views/static/alt/_hero.html.haml

Summary

Maintainability
Test Coverage
.homepage-header
.container
  .row{ :style => "margin-top: -300px"}
    .col-md-6.col-xl-4.mb-5
      .homepage-header-content.shadow.p-5.h-100
        .text-large.text-primary
          = t("views.alt.whats_a_fab_lab", default: "What is a Fablab?")
        %h5
          = t("views.alt.fab_labs_description", default: "A Fab Lab, or digital fabrication laboratory, is a place to play, to create, to mentor and to invent: a place for learning and innovation.<br>Fab Labs provide access to the environment, the skills, the materials and the advanced technology to allow anyone anywhere to make (almost) anything.<br><br><a href='http://www.fabfoundation.org'>Learn more</a>", fab_foundation: (link_to "Fab Foundation", "http://www.fabfoundation.org") ).html_safe
    .col-md-6.col-xl-4.mb-5
      .homepage-header-content.shadow.p-5.h-100
        .text-large.text-primary
          = t("views.alt.how_to_start", default: "How to start a Fablab?")
        %h5
          = t("views.alt.how_to_start_description", default: "Join the Fablab Network, an international movement in personal fabrication. The cheapest and fastest method to get a Fablab is to buy and assemble it yourself. To gain the needed knowledge, you can participate in the <a href='https://fabacademy.org/'>Fab Academy</a> Alternatively, the Fab Foundation offers turnkey solutions for establishing new Fablabs around the globe. <br><br><a href='https://fabfoundation.org/getting-started/#fab-lab-questions'>Learn More</a></p>", fab_foundation: (link_to "Fab Foundation", "http://www.fabfoundation.org") ).html_safe
    .col-md-6.col-xl-4.mb-5
      .homepage-header-content.shadow.p-5.h-100
        .text-large.text-primary
          = t("views.home.find_a_fablab", default: "Find a Fablab")
        %h5
          = t("views.alt.find_a_fablab_description", default: "The Fablab Network is an open, creative community of fabricators, artists, scientists, engineers, educators, students, amateurs and professionals located in more than 100 countries and 1,750 Fab Labs across the globe. Fablabs offer a wide range of educational programs for all age groups and professional digital fabrication services for various types of organizations.<br><br><a href='/labs/map'>Browse the Fablabs map</a>" ).html_safe
  .row.py-5
    .col-md-6.mb-5
      .card.shadow.w-100.h-100.p-5
        =image_tag ("home/lab-illustration.png"), :class => "h-25 w-25 mb-1"
        .text-small
          = t("views.alt.lab_card.subtitle", default: "Getting started")
        .text-large
          = t("views.alt.lab_card.title", default: "Fablabs.io")
        %h5.mb-5
          = t("views.alt.lab_card.description", default: " Fablabs.io is a collection of online resources for the international Fab Lab community and is the current official list of Fab Labs that share the same principles, tools, and philosophy around the future of technology and its role in society.")


        = link_to [:map, :labs], class: 'pt-5 h5' do
          = t("views.alt.lab_card.cta", default: "See the Fablabs Map")
          = image_tag ("icons/arrow-right.svg")
    .col-md-6.mb-5
      .card.shadow.w-100.h-100.p-5
        =image_tag ("home/person-illustration.png"), :class => "h-25 w-25 mb-1"
        .text-small
          = t("views.alt.who_card.subtitle", default: "Who")
        .text-large
          = t("views.alt.who_card.title", default: "Who is this platform for?")
        %h5.mb-5
          = t("views.alt.who_card.description", default: "This is a human based design platform mainly for fabbers but we welcome any maker, hacker, DIY and amateur in digital fabrication that wants to create, collaborate and share projects and knoledge")


        = link_to signup_path, class: 'pt-5 h5' do
          = t("views.home.lab_card.cta", default: "Join the community")
          = image_tag ("icons/arrow-right.svg")
    .col-12
      .container
        .homepage-quote.text-primary
          .homepage-divider
          = t("views.home.quote2", default: "Because all Fab Labs share common tools and processes, the program is building a global network of distributed laboratories for research and invention.")