GithubHelp home page GithubHelp logo

jacksingleton / hacker-slides Goto Github PK

View Code? Open in Web Editor NEW
660.0 660.0 55.0 27.46 MB

A simple app that combines Ace Editor and RevealJS. You can write markdown on the left, and preview your presentation on the right.

License: MIT License

Shell 1.53% Python 0.87% Cap'n Proto 1.15% JavaScript 42.32% CSS 46.56% HTML 6.52% Ruby 1.05%

hacker-slides's People

Contributors

coyotebush avatar jacksingleton avatar jeau avatar neynah avatar paulproteus avatar zarvox 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  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  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  avatar  avatar  avatar  avatar

Watchers

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

hacker-slides's Issues

Install without Sandstorm

Is there a way to install this awesome presentation app without the use of Sandstorm?
For example in a standard Webserver environment?

add image upload functionality

At some point, Sandstorm will actually disallow embedding off-site resources via Content-Security-Policy since otherwise it is trivial to leak data out of a Sandstorm app, something we'd like to prevent. (Currently, this client-side sandbox is incomplete.) - Kenton

Markdown slide attributes

Although the element attribute works nicely the slide attribute via markdown at the beginning of a slide doesn't seem to work:

<!-- .slide: data-background="#ffffff" -->

Or am I getting this wrong?

Support animated SVG

Interestingly, inserting an animated SVG in the hacker-slides editor displays that anim properly, try this for example:

<svg id="loadingSVG" align="center" width="600" height="400" version="1.1"
xmlns="http://www.w3.org/2000/svg">


<rect id="bg" height="400" width="600" y="0" x="0" fill="#f70606"/>

<rect id="spot" height="30" width="30" y="185" x="285" fill="#000">
    <animate id="left"
        attributeName="x" attributeType="XML"
        from="285" to="85"
        begin="1000ms; mid2.end+1000ms" dur="1ms" 
        fill="freeze" />    
    <animate id="mid"
        attributeName="x" attributeType="XML"
        from="85" to="285"
        begin="left.end+1000ms" dur="1ms" 
        fill="freeze" />    
    <animate id="right"
        attributeName="x" attributeType="XML"
        from="285" to="485"
        begin="mid.end+1000ms" dur="1ms" 
        fill="freeze" />
    <animate id="mid2"
        attributeName="x" attributeType="XML"
        from="485" to="285"
        begin="right.end+1000ms" dur="1ms" 
        fill="freeze" />                    
</rect>

<rect id="tbar" height="80" width="600" y="0" x="0" fill="#2cf706" visibility="hidden">
    <animate id="bar_top"
        attributeName="visibility" attributeType="XML"
        from="hidden" to="visible"
        begin="right.end+50ms; left.end+50ms" dur="20ms" 
        fill="freeze" />
    <animate id="bar_top_stop"
        attributeName="visibility" attributeType="XML"
        from="visible" to="hidden"
        begin="bar_top.end+20ms" dur="1ms" 
        fill="freeze" />    
</rect>

<rect id="bbar" height="80" width="600" y="320" x="0" fill="#2cf706" visibility="hidden">
    <animate id="bar_bot"
        attributeName="visibility" attributeType="XML"
        from="hidden" to="visible"
        begin="bar_top_stop.end+60ms; left.end+50ms" dur="20ms" 
        fill="freeze" />
    <animate id="bar_bot_stop"
        attributeName="visibility" attributeType="XML"
        from="visible" to="hidden"
        begin="bar_bot.end+20ms" dur="1ms" 
        fill="freeze" />
</rect>

</g>
</svg>

However, the animated SVG does not work in presentation mode.
It would be really great to be able to use SVG in this way in HackerSlides,

Here's an issue from the main reveal.js repository that may help...
hakimel/reveal.js#1258

Some quotation marks not supported.

Copy-pasting the following into your app freaks out the preview pane:

“if you want a definition of the term ‘walled garden’ as it pertains to technology, ask a man with both an iphone and a chromebook” - @malki

This appears to be because the quotes (single and double) are angled, a common Office/PowerPoint tendency.

Typing interrupted by preview updates

Okay, trying to type in a Hacker Slides, and this is killing me. Every time I type like... a letter, the next two letters aren't recognized because the program is busy re-rendering the preview with the last letter in it. I've taken to typing in Notepad and copy/pasting lines into the Hacker Slides.

Adding more than one new slides breaks auto slide change

STR

  1. Start with the default slides.md
  2. Add a new slide
  3. Add an image to the new slide, e.g. ![My Cool Image](http://www.reactionface.info/sites/default/files/imagecache/Node_Page/images/1310497097772.gif)

Expected behavior

If I put the cursor in the new slide text in the editor, Reveal should automatically switch to the corresponding slide. If I then move the cursor to another slide's text in the editor, Reveal should switch to that slide.

Observed Behavior

  1. Clicking in the new slide's text switches to the previous slide in Reveal.
  2. Clicking in the previous slide does not trigger any change.
  3. Auto-switching to earlier slides still works.
  4. New slides after the slide with the image also have have broken (offset by 1) auto-switching.

Additional notes

Under further testing, this only happens intermittently. 😖

Public sharing

Is it possible to share a slide publicly?

When I'm not logged in, I see this error:

Error: Unauthorized [403]
    at Proxy.makeContext (app/server/proxy.js:951:13)
    at app/server/proxy.js:1191:17
    at C (/node_modules/es6-promise.js:12:57)
    at /node_modules/es6-promise.js:17:252
    at t (/node_modules/es6-promise.js:9:473)
    at process._tickCallback (node.js:419:13)

Allow disabling ACE

I'd like to use this as a convenient way of storing presentations in Sandstorm and delivering them without needing to set up a static server. Only, I'm a screen reader user and the editor is inaccessible (though apparently RevealJS is nicely accessible.)

Would it be possible to add a "Use visual editor" checkbox that is checked by default? If unchecked, we'd get a simple <textarea/> with the Markdown content. This might be beneficial for It's All Text users too; since ACE doesn't populate the text area, anyone wanting to pull the text into their own external editor would likely have a hard time doing so.

Thanks.

After vertical slides added: Typing interrupted by preview updates on Firefox

This is a recurrence of an old issue: #21
When the preview updates, key presses are dropped making typing very difficult!

It was previously closed but seems to have re-emerged as a result of adding vertical slides #12
or something else that happened in the update to v0.4

  • occurs on OS X 10.9.5, Firefox 45.0.2
  • does not occur on OS X 10.9.5, Chromium 30.0.1580.0
  • does not occur in OS X 10.9.5, Safari 7.0.6

How do we use fragments

I've worked out how to use transitions and backgrounds but would also like to use fragments.
Is there a syntax for fragments?

I'm adding some notes to the wiki too, so that there's a bit more documentation

change preview size

It would be nice to be able to shrink the preview or disable it completely.

New Hacker Slides Graphics for Sandstorm.io Package

@jacksingleton

I'm Nena Nguyen, designer at Sandstorm. I'm reaching out to you about Hacker Slide graphics because we're currently developing an app market and working on UI improvements to the existing Sandstorm shell design. See: https://groups.google.com/d/msg/sandstorm-dev/VRkPqX61cRs/Ts37SbqqKAAJ

As a part of this redesign, existing and new apps will need to submit 3 graphics (as a part of their SPK) for aesthetic and functional purposes.

I haven't been able to find any graphics for Hacker Slides, and was informed by @paulproteus that it's likely none exist so I went ahead and made some very simple (but I think appropriate) graphics for Hacker Slides.

If you think these are suitable, I can send you the appropriate files for when we need apps to update their SPKs(soonish). If not, I'll happily send over the illustrator/svg files for you to tweak or you can choose to come up with your own set.

Let me know~

:)

hackerslides-preview1

How can I add a vertical slides

Adding new horizontal slides is easy with ---but how do I add a vertical slide above or underneath of a slide?

The reveal.js manual says something like the following but this is not working.

        <section>Single Horizontal Slide</section>
        <section>
            <section>Vertical Slide 1</section>
            <section>Vertical Slide 2</section>
        </section>

Speaker notes is a 404

Steps to reproduce:

  • Go to https://oasis.sandstorm.io/demo
  • Click "Try demo"
  • Click "Install..."
  • Find Hacker Slides & install it
  • Create a new Hacker Slides grain
  • Click on the words HACKER SLIDES
  • Press s on the keyboard

Expected behavior:

  • See presenter notes.

Actual behavior:

  • 404

Math in slides?

There doesn't seem to be any support for writing equations at the moment. The usual way of writing equations in RevealJS involves using a MathJax dependency, though I'm not sure what kind of syntax people are using when writing slides in MarkDown.

Regardless, this would probably be a fairly popular feature request, so here it is.

€ not supported

Whenever a €-sign shows up the preview states

ERROR: The attempt to fetch ../slides.md failed with HTTP status 500.Check your browser's JavaScript console for more details.
Remember that you need to serve the presentation HTML from a HTTP server.

gitpitch

Is it possible to support GitPitch too?

Cannot change default theme

Hello,

I can't change theme to something else than default black and white. I included link to theme css file manually, but now after each refresh presentation is first displayed in black theme and then blinks into theme I selected.

Is there a possibility to specifiy a theme in the beginning and have presentation loaded with this theme from start?

change how present mode works

sandstorm-io/sandstorm-website#44

Another thing that will be a problem eventually is that "present" mode opens a
new window directly rendering content from the session host. The problem is
that if the user closes the Sandstorm tab, browses away from the app in
Sandstorm, or even refreshes Sandstorm, the session will end and the session
host will no longer be valid. Also, eventually we'll disallow apps from opening
new windows.

With that said, I don't think there's a good alternative at the moment. I was
going to suggest using the web publishing functionality, but that would make
the slides public, which isn't quite right. I think what we probably want to do
is create a way by which apps can request full-screen display. I think this
just requires sticking an attribute on the iframe, except that I'm not quite
sure if we want to allow all apps to go full-screen or if there should be some
sort of permission check implemented by Sandstorm. Hmm.

Updates flailing in Firefox on Mac

Is this the same Hacker Slides that is an app on Sandstorm (oasis.sandstorm.io)? If so, I'm having a hell of a time using it on a Mac OS X using Firefox 56.0. The app works pretty well on a PC in Chrome, but when I tried to make a new HS grain after logging in on the Mac, it was extremely sluggish, dropping characters as I typed. It seems to have something to do with the right-side preview updating every time I hit a key. It is updating so frantically that it causes me to drop lots of keys unless I type very, very slowly. It wasn't doing this on the PC in Chrome. This seems to be happening whether in plain text mode or rich-text 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.