Git Product home page Git Product logo

cascinarampina's Introduction

Cascina Rampina Website

This is a Next.js project bootstrapped with create-next-app.

How to run the project locally

Set up WORDPRESS_API_URL= in your env file pointing to your wp server

yarn dev

Open http://localhost:3000 with your browser to see the result.

Powered by Worppress

I'm using wordpress as an headless CMS using WPGraphQL plugin, to have a graphql server instead of plain rest apis

License

Copyright © 2020 Daniele Bertella

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License along with this program. If not, see http://www.gnu.org/licenses


Assets, images and audios are licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

cascinarampina's People

Contributors

alligatore3 avatar dbertella avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

cascinarampina's Issues

Implement FAQ with some sort of collapsible component

I added repeater widgets to FAQ pages in order to have distinct faqs and to be able to build a collapsible component in react
Gql query

query MyQuery {
  page(id: "FAQ", idType: URI) {
    faqs {
      faq {
        question
        answer
      }
    }
  }
}

Response

{
  "data": {
    "page": {
      "faqs": {
        "faq": [
          {
            "question": "I prodotti che vendiamo sono di nostra produzione?",
            "answer": "\r\n\r\nCerchiamo di vendere quasi esclusivamente prodotti fatti nei campi che coltiviamo a Cascina Rampina. Seguiamo la stagionalità, aspettiamo con pazienza il momento giusto per raccogliere: non troverai sempre la stessa verdura e frutta!\r\n\r\n \r\n\r\nPer ampliare l’offerta di prodotti e soprattutto nel periodo invernale, potreste trovare nel nostro punto vendita anche ortaggi e frutta proveniente da altre aziende che condividono il nostro modo di produrre.\r\n\r\n"
          }
        ]
      }
    }
  }
}

Menu mobile few improvements

  • scroll is not disabled for touch screen devices
  • on iphone se 2020 (not tested on other models) some links go on top of the logo, need to make space between links smaller or remove logo, not sure what's best
  • clicking on same page link should close the menu, right now cause incorrect behaviour. The menu doesn't close and once you close manually the body is not scrollable

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.