Coder Social home page Coder Social logo

muskanmahajan37 / echoesworks Goto Github PK

View Code? Open in Web Editor NEW

This project forked from phodal/echoesworks

0.0 0.0 0.0 1000 KB

Next-Generation Tech Blog/Presentation/Slider Framework

Home Page: http://phodal.github.io/echoesworks/

License: MIT License

JavaScript 80.75% HTML 0.57% CSS 18.67%

echoesworks's Introduction

Build Status Version Code Climate Test Coverage npm Bower LICENSE

Logo

EchoesWorks

Markdown Improve

Demo

http://phodal-archive.github.io/echoesworks-demo/

Next-Generation Tech Blog/Presentation/Slider Framework

zh

下一代技术博客/展示/幻灯片框架

简介: EchoesWorks —— 打造下一代技术Blog/Presentation 框架

功能

  • 支持 Markdown
  • Github代码显示
  • 全屏背景图片
  • 左/右侧图片支持
  • 进度条
  • 自动播放
  • 字幕
  • 分屏控制

Usage

Clone Demo

git clone [email protected]:echoesworks/echoesworks-demo.git yourslide

Setup

1.Install

bower install echoesworks

2.Data

Create example.md:

<section>
![background](app/background.jpg)

#EchoesWorks

##Phodal Huang
  
</section>
<section>

#Design for Developer

##EchoesWorks?

##What is different?

##What we need?
</section>

Create data.json:

[
  {
    "time": "00:01.00",
    "code": "https://raw.githubusercontent.com/phodal/echoesworks/master/bower.json",
    "word": "hello, world"
  },
  {
    "time": "00:05.00",
    "word": [
      {
        "word": "Привет"
      },
      {
        "word": "Bonjour"
      },
      {
        "word": "こんにちは"
      },
      {
        "word": "你好"
      },
      {
        "word": "Ciao"
      },
      {
        "word": "Hello, World"
      }
    ]
  },
  {
    "time": "00:12.51",
    "code": false,
    "word": "hello, world, 2"
  }]
  • Markdown Slide
  • Data for code & Time Control

3.Code

 var EW = new EchoesWorks({
 		element: 'slide'
 	});

Example with slide

	EchoesWorks.get('data/example.md', function(data){
			document.querySelector('slide').innerHTML = EchoesWorks.md.parse(data);
			EchoesWorks.imageHandler();
			new EchoesWorks({
				element: 'slide'
			});
		})

##Setup Development##

1.Install devDependencies

 npm install

2.Development

3.Run Test

 npm test

4.Push Code & Waiting CI

Inspired by & Thanks to

License

© 2015 Phodal Huang. This code is distributed under the MIT license. See LICENSE.txt in this directory.

待我代码编成,娶你为妻可好

echoesworks's People

Contributors

phodal 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.