frictionlessdata / frictionlessdata.io

The main repository of the Frictionless Data project. Website, issues, and discussions
http://frictionlessdata.io
MIT License
140 stars 53 forks source link

Possible improvements to the first screen of the website #761

Open roll opened 3 years ago

roll commented 3 years ago

Overview

Currently

It's nice and solid but might be not eye-catching for some users and it doesn't say anything about our work mostly so one can just close the site before reading about other stuff.

fd

Ideas

Toolbox -> Picture/Toolbox with our product stickers

This picture is abysmal but it shows the idea of an open toolbox with our products:

toolbox

Toolbox -> Carousel with our products

To use a carousel we might need to make the heading and the text at the left more prominent as the carouse "steals" the focus.

car

Here is a live example: https://fd-kpccp2eui-roll1.vercel.app/

package.json

"vue-carousel": "^0.18.0",

enhanceApp.js

export default ({ Vue, router, isServer }) => {
  if (!isServer) {
    const VueCarousel = require("vue-carousel").default;
    Vue.use(VueCarousel);
  }
  router.addRoutes(redirectList);
};

Home.vue

        <div class="box flex-1 mt-8">
         <carousel :perPage="1" :autoplayTimeout="5000" pagination-color="#ccc" autoplay loop>
            <slide>
              <img style="width: 100%" src="/img/home/slide-framework.png" />
            </slide>
            <slide>
              <img style="width: 100%" src="/img/home/slide-goodtables.png" />
            </slide>
            <slide>
              <img style="width: 100%" src="/img/home/slide-datahub.png" />
            </slide>
            <slide>
              <img style="width: 100%" src="/img/home/slide-creator.png" />
            </slide>
            <slide>
              <img style="width: 100%" src="/img/home/slide-package.png" />
            </slide>
          </carousel>
        </div>
lwinfree commented 3 years ago

I vote for a toolbox with our icons