https://github.com/sztheory/metapresenter.com

[done, MIT license] Website for the meta_presenter Ruby gem
https://github.com/sztheory/metapresenter.com

css css3 css3-animations css3-flexbox css3-mediaqueries es6 graphic-design jamstack javascript middleman open-source responsive-design sass webpack website

Last synced: about 18 hours ago
JSON representation

[done, MIT license] Website for the meta_presenter Ruby gem

• Host: GitHub
• URL: https://github.com/sztheory/metapresenter.com
• Owner: szTheory
• License: other
• Created: 2018-11-26T14:17:00.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T04:14:41.000Z (almost 2 years ago)
• Last Synced: 2024-05-20T00:15:14.910Z (6 months ago)
• Topics: css, css3, css3-animations, css3-flexbox, css3-mediaqueries, es6, graphic-design, jamstack, javascript, middleman, open-source, responsive-design, sass, webpack, website
• Language: SCSS
• Homepage: https://metapresenter.com
• Size: 8.19 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MetaPresenter.com

[![Netlify Status](https://api.netlify.com/api/v1/badges/771bf805-4196-47d8-9da1-9017d800c403/deploy-status)](https://app.netlify.com/sites/metapresenter/deploys)

[Website](https://metapresenter.com) for the [Ruby gem meta_presenter](https://github.com/szTheory/meta_presenter). Built with Middleman for SSG, Webpack for asset build, deployed to Netlify, using DatoCMS for content. MIT license.

![screenshot-mobile-metapresentercom](https://user-images.githubusercontent.com/28652/50569999-16a08080-0d46-11e9-9e6a-7c89003b6e33.jpeg)

## Development Instructions

1. Clone the git repository then `cd` into the project directory

2. Start the Middleman server from the command line \$ `middleman server`

3. Navigate to http://localhost:4567 in your browser

## Build command for deploy

```bash

gem install bundler -v '2.0.2' && middleman build --verbose

```

## TODO (Important)

- Hover states on buttons

- Rails and Github logos are getting distorted

- Align the mobile menu with the Invision mockup

- Spell check site

- Test in different browsers, on mobile too (IE, FF, Chrome, Safari)

## TODO (Nice to have)

- Read current version number in the footer from the Rubygems repo using their API

- Move all remaining hardcoded copy to DatoCMS (or move from DatoCMS to inline?)

- Add parallax effects

- Use the new CSS image set attribute to only load mobile assets on mobile version (reduce load time)

- Add explanatory paragraphs next to each step on instructions section

- Instructions section two-column styling for lg/xl screens

- Point the "Learn More" anchors from the instructions section to relevant parts of /readme