Home
Softono
amethyst

amethyst

Open source CSS
31
Stars
5
Forks
16
Issues
3
Watchers
9 years
Last Commit

About amethyst

Amethyst is a simple, responsive WordPress blog theme built on the Foundation framework, prioritizing typography and readability across all devices. It features a flexible two-column layout, two widget areas, and customization options via the WordPress Customizer. The theme integrates Genericons for scalable vector icons and supports modern development workflows using Sass, Gulp, and Node.js for efficient asset compilation and local server management. Designed for developers and bloggers alike, it includes automated testing, autoprefixing for cross-browser compatibility, and supports both proxy and static server modes during development. Amethyst is open source and distributed under the GNU General Public License version 2, with third-party resources including Foundation, Font Awesome, and HTML5 Shiv properly licensed and included. It is suitable for creating clean, fast-loading blogs or content sites that adapt seamlessly to mobile, tablet, and desktop screens while maintaining visual simplicity and code mai

Platforms

Web Self-hosted macOS

Languages

CSS

Amethyst

Deployment status from DeployBot Build Status

Simple WordPress Theme based on Foundation. See details at readme.txt.

Amethyst

Requires

  • Node.js
  • npm
  • Composer

Setup your project

  1. Make WordPress environment.

  2. Install some dependencies, and set your hostname.Default is amethyst.dev.

     $ cd path/to/directory && npm run setup
     Set your website's domain (default=amethyst.dev):
  3. To run gulp tasks with proxy mode, you can update hostname in config.js. This configuration file is NOT tracked by git.

     'vhost'          : 'amethyst.dev'
  4. Run gulp. You don't need to install gulp globally.

     // proxy mode
     $ npm run gulp
    
     // server mode for static websites or files
     $ npm run gulp-server
  5. Run automated testing.

     $ npm test

Options

Initialize Foundation

$ npm run foundation-init

Distribution

$ npm run gulp-zip

Autoprefix

You'd like to autoprefix specific browsers, edit gulpfile.js below these lines.

.pipe($.autoprefixer({
  browsers: ['last 2 versions', 'ie 10', 'ie 9'],
  cascade: false
}))

Third Party Resources

Foundation

src/scss/core/foundation/
src/scss/core/_foundation.scss
src/scss/core/_global.scss
src/scss/core/_settings.scss

Genericons

assets/genericons/

Font Awesome

assets/font-awesome/

HTML5 Shiv

src/js/html5shiv.js

License

GNU GENERAL PUBLIC LICENSE Version 2

Contributors

Thanks to @torounit, @miya0001