Giter VIP home page Giter VIP logo

devit's Introduction

DEVit Conference Website Sources

DEVit the 360° Web Development Conference http://devitconf.org

Build Status

Setup

The site is made with Jekyll.

You need node, yarn, Ruby and bundler gem installed in order to build the site.

Please use Node v4 and above.

Build Environment

We use Gulp to manage the development workflow, build and deploy, if you don't have it installed:
npm install gulp-cli -g

We use Bundler to manage the Jekyll dependencies, if you don't have it installed:
gem install bundler

Setup Commands

  • Clone
git clone [email protected]:skgtech/devit.git
cd devit
  • Install Jekyll and its dependencies
bundle install
  • Install node packages
yarn

Troubleshooting nokogiri

nokogiri can be a big PITA, first try this:

bundle update nokogiri

And if that fails maybe try this:

brew unlink libxml2
brew unlink libxslt
brew unlink libiconv
sudo xcode-select --install
gem install nokogiri

Build Commands

  • gulp: Launch the website locally, a development workflow with livereloads and watches.
  • gulp deploy: Build & Deploy the website using github pages.
  • gulp deploy --config _config-sta.yml --gh-pages sta-gh-pages: Build & Deploy the website to Heroku.

Directory Structure

For the underscore prefixed (_*) directories, except _js, please refer to the Jekyll's documentation.

  • _js: This is where we keep all the JavaScript source code.
  • assets: Those are all our assets. css and js folders are auto-generated, DO NOT edit those files directly.
  • pages: Separated Jekyll pages.
  • 2015, 2016: Legacy DEVit sites.

CSS

We write CSS using SASS but with not a specific methodology. Hence, it is known that our current code is a bit messed up. First step is to clean our current CSS codebase and then find a proper methodology to use.

Step up if you think you can help!

JS

We use webpack to compile our JavaScript. All assets/dependencies(except the critical ones, such as base CSS) are being loading through JS files.

An example is the _js/homepage.js file, where:

  • utils/common.js is common for every page, so include it in your file
  • require.ensure will make sure that the dependencies are being load but not evaluated untill you say so.

Webpack will then do it's thing, based on the configuration provided in gulpfile.js.

Again, we could use some help from everyone, so step up!

Troubleshooting

Nothing so far. YAY!

License

Copyright ©2016 SKGTech. Licensed under the MIT license.

devit's People

Contributors

kbariotis avatar thanpolas avatar vkarampinis avatar margaritis avatar amaliavr avatar varemenos avatar modkaffes avatar xarisd avatar attheodo avatar teobais avatar sirodoht avatar kittygiraudel avatar ntemposd avatar lipis avatar giannisp avatar jimimimi avatar ppapapetrou76 avatar theodorosploumis avatar

Watchers

Fuck the Error! avatar

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.