Comments (20)
HackerSlides 0.4 with support for vertical slides using '--' on a new line is now available in the app store.
Thanks @jeau !
from hacker-slides.
According to this source: http://www.relishapp.com/jedcn/reveal-ck/docs/slides-with-markdown#creating-a-single-column-of-vertical-slides
The vertical slides should be possible with ***
which I tested and unfortunately it didn't work.
from hacker-slides.
I can use the html notation instead of markdown but then I have to use completely html in a section. Is this the right way to do it?
#### Heading markdown
I cannot add vertical slides
---
<section>
<h4>Heading html</h4>
<ul>
<li>I can add vertical slides with section tags</li>
<li>everything needs to be html</li>
<li>no markdown</li>
</ul>
</section>
<section>
<h4>Even Tables work here</h4>
<table>
<thead>
<tr>
<th>Item</th>
<th>Value</th>
<th>Quantity</th>
</tr>
</thead>
<tbody>
<tr>
<td>Apples</td>
<td>$1</td>
<td>7</td>
</tr>
</tbody>
</table>
</section>
---
End
from hacker-slides.
Hey thanks for bringing this up!
I didn't include the vertical slides in this release as I was trying to keep it very minimal - but it would be trivial to add.
Just need to decide what separator to use.
What do you think would look best? The default was actually "\n\n" or two blank lines. This looks nice in markdown but had the odd effect of pushing everything into a vertical slide while you were editing the markdown and happened to have two newlines in a row momentarily.
from hacker-slides.
What about the 3 asterisks like mentioned in the one source I posted?
At the moment 3 asterisks make a line, don't know if this is something which is required / needed / used.
It would make it easy:
- 3 dashes = new horizontal slide
- 3 asterisks = new vertical slide
from hacker-slides.
Sure, will be in the next release!
from hacker-slides.
Hi, I don't think this has been included yet, and I just wanted to chip in. Am loving hacker-slides, but I use ***
to give me a horizontal line on a page. (see screenshot). I'd like to not lose that feature.
from hacker-slides.
Thanks @birdsarah, will pick something other than '***'
from hacker-slides.
Hi! I'm trying out Hacker Slides. Has the option for vertical slides been added?
from hacker-slides.
@ar-jan I'm afraid this didn't make it into the last release. I might be able to do another release this weekend.
from hacker-slides.
That would be great - then I might use it on Monday :)
from hacker-slides.
Vertical slides would be great, it really helps in organising slides well
The standard reveal.js syntax is
--
two dashes for vertical slides (instead of --- for a usual slide)
from hacker-slides.
with this standard syntax (two dashes), the solution is quite simple
Jack, you only have to add this line just after line 40 in this file js/slides.js
'data-separator-vertical': "^-( *)-( *-*)*"
from hacker-slides.
Thanks @jeau
It will be slightly more work than that in order to get the preview to auto-scroll to the correct vertical slide.
Here is the line where we change the slide automatically:
https://github.com/jacksingleton/hacker-slides/blob/master/static/js/index.js#L46
Following the method calls back from there (all in the same file) will get you to currentCursorSlide
which needs to know about the vertical slides.
If you have the time to give it a go and test locally I'd welcome a PR! Please reach out if you have any questions or run into any issues.
Jack
from hacker-slides.
You are right. I did not verify the editor field before launching this fix.
I try to solve the problem but I don't understand the principle of the numbering of the horizontal and vertical slides
from hacker-slides.
I found a response to my question. We must send two arguments: the first for the horizontal slide number, the second for me vertical slide number (if there)
args: [currentSlide.h, currentSlide.v]
il will send a PR ASAP.
Jeau
from hacker-slides.
happy to test changes here too,
I made the change to slide.js after line 40, but I guess some other changes are required before vertical slides will work!
from hacker-slides.
Please give updates! Love it, just wish it had vertical as everyone else has said.
from hacker-slides.
@jeau has put in the PR and I should have time to review merge and publish an update this weekend.
@zeigerpuppy that would be really helpful, especially if you could give it a go before the weekend
Thanks for helping out everyone :)
from hacker-slides.
Working great, thanks!
one little issue though, not sure if it's related to the change, but when typing the heading of a new slide and the preview is updating to the new slide, the editor seems to drop some key presses, ( type "Heading" and "eading" comes out).
Ok, a bit more testing, the problem is quite general, seems to drop a character when the preview updates (OS X 10.9, Firefox)
looks like this is the same as #21
maybe vertical slides have resurrected this problem?
I'll open a new issue.
from hacker-slides.
Related Issues (20)
- Adding more than one new slides breaks auto slide change
- slide background doesn't show until full page refresh HOT 1
- collaborative editing HOT 1
- New Hacker Slides Graphics for Sandstorm.io Package HOT 8
- print-pdf is broken because pdf.css didn't get included
- Presentation preview doesn't show when Sandstorm navbar is visible HOT 3
- I now have a song stuck in my head. HOT 4
- Speaker notes is a 404 HOT 7
- Allow disabling ACE HOT 4
- Support animated SVG
- After vertical slides added: Typing interrupted by preview updates on Firefox HOT 5
- How do we use fragments HOT 1
- change preview size
- Feature Request: integrate chart.js
- Detail missing on how to create vertical slides HOT 2
- Hacker Slides APP security vulnerability issue in Sandstorm platform
- Markdown slide attributes
- Updates flailing in Firefox on Mac HOT 1
- Cannot change default theme
- gitpitch
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hacker-slides.