jacksingleton / hacker-slides Goto Github PK
View Code? Open in Web Editor NEWA 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
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
Is there a way to install this awesome presentation app without the use of Sandstorm?
For example in a standard Webserver environment?
Dear jacksingleton,
I found a potential security vulnerability in Hacker Slides with Sandstorm platform.
May I have your e-mail address ?
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
Hey there,
I think hast.me is a very similar app that already has a lot of features you listed in the README.md:
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?
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
use share.js? http://sharejs.org/
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.
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.
![My Cool Image](http://www.reactionface.info/sites/default/files/imagecache/Node_Page/images/1310497097772.gif)
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.
Under further testing, this only happens intermittently. 😖
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)
Steps to reproduce:
I'll send a PR to fix it, once I've got the song out of my head.
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.
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
Cannot run the server on my machine with only python2 installed.
It would be great to have built in chart functionality (connected to ethercalc even!).
Here's a great working example of reveal.js with chart.js integration:
https://gitlab.com/dvenkatsagar/reveal-chart
https://dvenkatsagar.github.io/prez/reveal-chart.html#/1
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
It would be nice to be able to shrink the preview or disable it completely.
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~
:)
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>
Steps to reproduce:
s
on the keyboardExpected behavior:
Actual behavior:
using:
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.
It's clear how to trigger a new horizontal slide, but how does one trigger a vertical slide?
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.
Is it possible to support GitPitch too?
if the preview update event completes before the server is updated, the preview does not get updated
changes then only show when the next save/update happens
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?
This issue is created by the new UI on Sandstorm. When the navbar (New/Open) is open, the presentation side of the Hacker Slides UI is blank.
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.
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.
If I try to paste in, say, a unicode arrow (→) into my slide to replace "->", the preview pane shows an error:
I tried it with a couple other unicode arrows and got the same result, and suspect this may be the behavior with any unicode character.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.