Giter Site home page Giter Site logo

newfabcity's Introduction

New Fab City Website

Repo for the new Fab City website.

Beta. In development.

--questions

@mqvlm

newfabcity's People

Contributors

j0r15 avatar katearmstrong4 avatar mqvlm avatar red-stripe avatar tomasdiez avatar tuengominh avatar viktorsmari avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

newfabcity's Issues

Adding calls to action on the fab.city homepage and moving some sections.

Hi @tuengominh!
Using this as the style guide:
https://space10.io/
Screen Shot 2019-03-28 at 17 11 24

I would like to make two new sections on the fab.city page.
Instead of these sections:
Screen Shot 2019-03-28 at 17 12 15
Screen Shot 2019-03-28 at 17 12 24
Screen Shot 2019-03-28 at 17 12 35

  1. Under 'Our Approach" I'd like to add a section of three:
    Prototype the city
    We engage in action-research directly in the city by prototyping and deploying strategies across localities in our network. Read about the prototyping method.
    Common knowledge
    As a global network, we are connected through the knowledge we share, across common tools and platforms. See the handbook
    Documentation
    Findings from prototyping and action-research are documented and shared within the network.
    Read the blog or join our social media channels add buttons for Facebook, Twitter

Then another section of three above the new events section you made:
I can add the content here later :-)

Let me know if this is clear!

Logo on landing needs to be changed

The logo needs to be the colour version on the black background of the landing page, and change to plain black version on scroll down when it meets the white background.

OR

Logo on landing can be white and change to black

Skrollr.js for parallax effects not working well when manually resizing browser

I used Skrollr.js for the different parallax and css animations included in each one of the sections.

Everything seems to be working fine except when a manual window resize event occurs: Skrollr doesn't seem to automatically recalculate window dimensions and the scroll-based animations get scrambled.

I'm not being able to understand the solutions for re-calculating browser dimensions in this case.

Skrollr can be found here: https://github.com/Prinzhorn/skrollr
Thread about resizing issues here: Prinzhorn/skrollr#401

Help needed.

adding new cities to the list on homepage

Hi @tuengominh!
We need to update some info on the site. Super simple stuff.
On the list of cities can we please add:

Plymouth
Hamburg
Yucatàn Region
Rennes
São Paolo
Recife

They all joined the network in 2019

Thank you!

Adding additional logos to the logo section

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.