GithubHelp home page GithubHelp logo

macder / derulski.com Goto Github PK

View Code? Open in Web Editor NEW
5.0 2.0 1.0 1.26 MB

Personal site - WordPress with Pattern Lab - Atomic design

License: GNU General Public License v2.0

CSS 34.39% JavaScript 6.51% PHP 21.09% HTML 38.00%
pattern-lab wordpress atomic-design oocss itcss bemit

derulski.com's Introduction

derulski.com

WordPress + Twig + Pattern-Lab

Personal site using Atomic Design workflow in WP

https://derulski.com

https://pattern-lab.derulski.com

Stack

WordPress
Pattern Lab Twig Edition
InuitCSS
Webpack

UI Source Quick Links

Global
Styles
Scripts

Features
Patterns

WP
Theme

Install Local Dev

Backend

WordPress and dependencies(plugins) are installed using composer

From project root:

$ composer install

Database:

$ vagrant up
$ vagrant ssh

# Vagrant box
$ mysql -u root -proot scotchbox < derulski.sql

Pattern Library

PHP 7 is required to run Pattern Lab Twig Edition

$ cd ui/pattern-lab
$ composer install

UI

$ cd ui
$ npm install

Run Local Dev

WordPress

$ vagrant up

Navigate to http://derulski.Local

UI

Start dev build and Pattern Lab

$ cd ui
$ npm start

Navigate to http://localhost:8080

In another terminal or tab start Browser Sync for Pattern Lab

$ cd ui
$ npm run dev:browsersync

License

Derulski.com - Maciej Derulski's personal website UI

Copyright 2017-2018 by Maciej Derulski and contributors

This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 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 General Public License for more details.

You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA

Wherever third party code has been used, credit has been given in the code's comments.

derulski.com's People

Contributors

macder avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

mickaelperrin

derulski.com's Issues

Blog - Sidebar - drop dynamic widgets and refactor for custom twig widgets.

WP widgets don't have much customization power. It's messy stuff that outputs html inside class methods. Not a good compromise to drag and drop a few simple widgets that will seldom change.

Stop the madness. Let the design system work its magic.

Create widget patterns and integrate with WP via Timber.

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.