Code Monkey home page Code Monkey logo

upresent's People

Contributors

bobbybee avatar gitter-badger avatar kach avatar ninjagolloyd avatar technoboy10 avatar yafahedelman avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

upresent's Issues

In-browser tool?

Realistically, a node.js command-line application is awesome but there should be nicer front-end. Most notably, as nearley runs in-browser, some sort of lightweight markdown editor in the browser would be nice.

Thoughts?

<ul>s not fixed yet.

Umm, now it does stuff like

    <div class='slide' id='slide1'>
        <ul>
            <h1> Etymology</h1>
            <p>
                <li>Likely comes from <em>Latin</em></li>
            </p>
            <p>
                <li>Might also come from <em>Greek</em></li>
            </p>
            <p>
                <li>Some even believe it originates from <strong>German</strong></li>
            </p>
            <p>So this should be a paragraph, not included in the UL tag.</p>
            <p>
                <li>That was a lie.</li>
            </p>
        </ul>
    </div>

Input being

-----------------
# Etymology

~ Likely comes from _Latin_
~ Might also come from _Greek_
~ Some even believe it originates from **German**

So this should be a paragraph, not included in the UL tag.

~ That was a lie.

To be clear, I expect it to print out something like:

    <div class='slide' id='slide1'>

            <h1> Etymology</h1>
<ul>
                <li>Likely comes from <em>Latin</em></li>
                <li>Might also come from <em>Greek</em></li>
                <li>Some even believe it originates from <strong>German</strong></li>
</ul>
            <p>So this should be a paragraph, not included in the UL tag.</p>
<ul>
                <li>That was a lie.</li>
</ul>
    </div>

(Sorry about the bad indentation, but you get it, right?)

CSS Templates

Once #7 is completed, we should be able to pick from multiple CSS templates easily

Fix inconsistent tabs

Not sure what settings @Hardmath123 uses, but there's a lot of inconsistencies which is ugly. We probably need a style guide for the project.

Feature list

  • Proper ul/li-based lists
  • Proper slide navigation, using arrow keys, so that I can go forward and back. It needs to work with one of those wireless clickey things that speakers on stage use.
  • Use p tags instead of brs all over the place.
  • Use em for italics and strong for bold, instead of b and i tags. b and i are deprecated, and I can control typography better with em and strong.
  • I'll take care of prettifying the CSS.

Wow...

You should make an organization for all the sources and the site. lol

Better Publisher

At the moment, publish.js works for testing as a developer, but not for actually publishing. A few improvements come to mind:

  • Optionally minify HTML, JS, and CSS in output
  • Optionally embed the accompanying JS and CSS into the HTML for single file distribution
  • Refactor publisher to be cleaner and to work with browser JavaScript; see #18
  • Integration with some sort of uploading service?

Any thoughts would be appreciated

Slide Transitions

  • Natural syntax for slide transitions for the entire presentation
  • Syntax to override transitions on a per-slide basis
  • Generic CSS3 Slide Transition Setup
  • Slide from all 8 core directions
  • Fade in / out

Bullet point transitions

E.g.: if there exists a list:

~ A
~ B
~~ B2
~ C

Only A should show up when the slide is changed. B should only show up when the slide is clicked again, etc.

Hyperlinks

Images are supported; hyperlinks should be too.

Both named links and "automatic" links should work.

Default CSS

uPresent should be pretty out of the box.

Full screen support

My wireless clicker has a button for it!

Specifically, browser fullscreen is awkward as the address bar doesn't match the presentation, in addition to taking up space. A simple key command (or button press on the clicker) should toggle true fullscreen mode.

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.