Coder Social home page Coder Social logo

presenta-software / presenta-lib Goto Github PK

View Code? Open in Web Editor NEW
690.0 9.0 39.0 2.46 MB

The javascript presentation library for the automation era.

Home Page: https://www.presenta.cc/

License: BSD 3-Clause "New" or "Revised" License

JavaScript 77.74% CSS 19.18% SCSS 3.09%
slides deck presenta-lib javascript-library gallery banners showcase catalogue automation pdf

presenta-lib's Introduction

Welcome to PRESENTA ecosystem!

This Github organization is all about PRESENTA Lib source code, including plugins, documentation and examples.

The perfect entry-point is the library repository, which is the main place to interact with its maintainers.

presenta-lib's People

Contributors

abusedmedia avatar dependabot[bot] 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

presenta-lib's Issues

inconsistent download/fork/share features

Perhaps I'm not doing it right:

When I fork, then share a presenta, I am left at the new presenta shared screen.

I can copy the link, then open the newly "created" presenta by clicking on the "open in editor link".

If I add new content to the opened presenta, it is not ever saved. If I view my presenta, my new changes are present, but when I "esc" back to the editor the changes are lost, and it's back to the original newly "created" presenta that I "opened in the editor".

It seems like the new content will only save when I fork the presenta, but then it's not clear to the user what exactly just happened when I clicked fork, because I can still edit and the only visual indicator of any change is that now it says share.

Maybe, you might want to have the "naming process" of the fork/share occur when the presenta gets forked, so that it's clear to the user that they are working on a newly "named" fork, which can then be shared.

I don't know, there is something that doesn't work in the flow I how to fork/share, and at what point I can download the forked version.

Layouts issues

The layouts implementation has some issues and it's limited in possibilities.

Small rendering bug

I encountered a small rendering bug on the text of a slide. Text boxes don't overlap.

Slide:
Schermata 2021-09-09 alle 11 46 48

Result:
Schermata 2021-09-09 alle 11 42 26

how to use presenta as vue component?

tring to use presenta in vue. watch the editor and update presenta.

in a watch function:

let parsed = md2pjson.parse(val);
new Presenta("#presenta", parsed);

However, every change in val will create a new Presenta.

also tried.

if (this.presenta) {
          this.prenseta.then(pres => pres.destroy())
      }
 this.prenseta = new Presenta("#presenta", parsed);

still no luck.

What is the correct way to use presenta in vue? Thanks.

Iframe in block

I tried to embed an amazon iframe into a block. but nothing appeared.

https://play.presenta.cc/view/GDVhZqdDssVgv

I'm not sure if this is expected behavior. In some regards, I can use HTML, such as

<a href="link" target="blank">thing</a>

But others such as the iframe don't work.

Password protected beyond this slide block

Hi, so I just developed a scenario where it would be advantageous to have the ability to write a block that requires a password to advance beyond. There are several approaches to this problem if I were to write it, but all of them would suck.

If you have any quick and dirty thoughts on the matter, I'd love for this feature to be included.

If it could be a placeable block, rather than making the entire presentation locked, then I can create a presenta where there is an intro to the presentation, which is unlocked with the correct code. I am assuming that the list of codes is kept on a server somewhere on the internet.

Viewing shared presenta is not exactly clear

It's not exactly clear how to view a Presenta in full-screen mode when a user receives a shared link.
When the shared link appears, the user is given a small version of the presenta, and an "open in editor" link, and a "copy" link.

There should be a view link, as it is less than desirable to view the presenta in the small window.

Also, the way that you have it set up now, the user must go into the editor in order to view the presenta. This is not an obvious step in the entire process. Someone who gets one of these in an email for the first time will not understand how to navigate it if they simply want to view the slideshow.

Nested lists with markdown not working

Hello! It seems that nested lists with markdown syntax have a bit of a counterintuitive styling. This it how it looks with one and two tabs:

nested list 1 tab

This is how it looks from the third tab on:

nested list 3 tabs

Viewer tracking - Google Analytics?

https://play.presenta.cc/view/kLRsm375w7i7j

How do I add Google Analytics to a presenta?

I tried adding, but it didn't work, see presenta above.

```javascript
<script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);}(window,document,'script','dataLayer','GTM-MF3JGRJ');</script>
```

The javascript is visible in the presentation, or maybe that's expected behavior?

Feature Suggestion - Ending destination URL

So, in the software that I was designing, I had an optional 'Destination URL' at the end of the entire presentation. You would be able to set a URL landing page at the end of the presentation.
Also, it t would be nice if the presentas could feed one after another. So that I could set my presenta to end with the beginning of a new presenta. Or, I can have it end at some other web page.

Something like:

or
```DestinationURL: https://www.domain.tld/new-presenta

I would ignore all, except for the last one on the markdown page in case some user decides to put multiple triggers per document.

Style (fonts/colors) refactoring

The actual implementation of fonts/colors keeps very unlikely the possibility to create extensions that can be loaded as plugin.
It requires a redesign.

Difficulty reseting the site and losing data

As I play around in https://play.presenta.cc/

This is the manner in which I work.
I have notepadd++ with my markdown file.

I create in https://play.presenta.cc/ then either download markdown file or copy and paste back to notepad++ to save the changes.

If I try to view the presenta, when I click on the back button, all of my work is lost and I am back at the default example.

As it currently works, when I create a presenta and try to view it, all of the data is gone when I click on the browser back button (firefox).

The only point where my work shows up is when I go in a new tab to https://play.presenta.cc and click on the "use last presenta" link at the top.

Sometimes, the site will get so messed up that I need to clear the cache and cookies to reset the site. After that all of my work is lost, but I can easily start again because I have my data in notepad++ or the downloaded markdown file.

It might be advisable to have a HARD RESET button that purges your cookies and stuff on the user's computer to give them a way to reset the site. I know that won't work permanently, but it helps.

Where your implementation is a success, but mine failed

I was thinking of my software more as an app/website, rather than a player for an existing format (markdown) with extra features.

Using markdown, a common format, as the human readable-writable format is just brilliant. It probably seems obvious to you, but it just flew over my head completely. It makes all the difference in terms of usability, # of potential existing users who already know markdown, and making the files manageable from a user perspective.

[Playground] Add visual feedback when the source is invalid

Build: v0.3.49 0.1.19

I'm not sure if you are still working on the play.presenta.cc part of your project.

Lately, when I try to create presentas, the content of the page is not refreshing. I have put together a short video that shows what is going on. I have also attached the markdown that I was attempting to add.

PRESENTA.Playground.-.Make.slides.fast.Mozilla.Firefox.2021-05-20.19-57-26-1.mp4

2021-05-20 - Error generating presenta - Markdown Content.txt

Maybe a 'toast' on videos to indicate to press space bar or click to play

In my experience, users are clueless and will not initiate action, unless prompted. I think it might be too subtle that the videos play when the user presses the space bar or click on the video.

It might be helpful to pop up a toast over each video when a new block appears, that indicates how to play a video.

Even better would be to 'toast the first video' and no others after that.

Color and Style potential issue

The way that you have implemented Color and Style might need reworking.

Immediately, I tried to do the following only to find it didn't work. This type of behavior would be one that I would anticipate the software being able to do. I expected to be able to change the formatting and colors from block to block. The way that you have implemented, it only allows for one style and color per document.


colors: five
fonts: four

Built-in Styles

Fonts and Colors


Frontmatter

To change style properties you need to set the frontmatter (the top part of this document) and setting the colors, fonts and transition with proper values.

colors: two
fonts: one

Fonts

There are seven font-sets built-in (from one to seven).
Each font-set has two variants, one for Heading, the other for Text.

colors: five
fonts: four

Colors

There are twelve color-sets built-in (from one to twelve).
Each color-set contains four colors (background, text, accent, alternative).

BTW, I think the software is great! I was working on something identical to it, but, in every way, Presenta is so much better than what I built.

Autoplay on videos and markdown list

One of the use cases that I came up with for the software was as a media player.

Use case: someone is throwing a party (pre-covid days), or wake, or whatever.
They can create a markdownlist of youtube/vimeo/whatever/mp4 of videos, one video per block.
The playlist of videos would just auto play each one after another until the list was done.
I also had a loop list feature flag.

Account suspended on https://app.presenta.cc/login

I played with the software when it was first released. Haven't really thought about it much when I realized it would work for my needs as it was currently working. Came back today to see it it meets my needs, requested a password reset, reset my password to find out my account is suspended.🤔

user: [email protected]

What gives?

Can someone in the group there take a look and take care of it.

Thanks,
😉

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.