Coder Social home page Coder Social logo

rcjach / hugo-webslides Goto Github PK

View Code? Open in Web Editor NEW
125.0 125.0 34.0 1.12 MB

This is a Hugo template to create WebSlides presentation using markdown.

Home Page: https://rcjach.github.io/hugo-webslides/

License: MIT License

HTML 8.63% CSS 90.47% JavaScript 0.91%

hugo-webslides's People

Contributors

galexrt avatar rcjach 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

hugo-webslides's Issues

css not read

im with hugo v0.101.0. I put your _index.md files from exampleSite in content, the css instructions are not read.

Linking to specific slides

If I want to link to a specific slide I need to link to #slide=13

But if I am generating the slides from several markdown files then we don't know the number in advance

Would it be possible to link to a named slide in file2.md when I am editing slides in file1.md and have Hugo calculate where to go to

Otherwise the current slide linking breaks if you have a series of links to do. Alternately could we reference a particular slide in a particular file?

Inconsistent class assignment

Currently, the class assignment expression is inconsistent between slide properties and block properties.

In slide properties, we use dot to assign class (.class) and the number sign to assign id (#id), two dots creates a div (with class assignment) beneath the slide

. We can assign multiple classes by using multiple occurrence of .class, e.g. .class1 .class2. This is done by using regex to search for the first line after
, which should start with (the HTML comment with a colon). The search word is something like [.]([^. ]+), where each dot defines a class, and the class name starts after the dot, end before a space.

Block property assignments are doing with regex on the content of the slide, rather than searching a fixed line. Thus merely searching for contents after a dot, which end with space is no longer valid, since in this case a dot can exist as part of the actual content, and the search will have to be restricted within the HTML comment line mentioned above.

This rises an issue, because the number of blocks are unknown, the number of classes are unknown as well, there isn't a valid way to extract varied number of classes from all blocks (that have class assignment), without extracting the dot before the class name. The only way to achieve that, normally, is to use a regex lookbehind, such as (?<=[.])[^. ]+ where the dot will be ignored. However lookbehind doesn't exist in golang...

So currently, for block class assignment, class names are everything behind a dot, separated by space(s). For example, # becomes

.

I will have to search for another way around lookbehind to solve this problem.

site not rendering correctly in Hugo v0.60.1 with default markdown parser

Hugo v0.60 changed to the GoldMark Markdown parser. Its not rendering the theme correctly

Added the following to the config.toml file and the site renders correctly now
[markup]
defaultMarkdownHandler = "blackfriday"

Following the Hugo sites recommendation of setting changing the markup configuration for Goldmark to unsafe mode to true if you have lots of inline html did not solve the issue

https://gohugo.io/getting-started/configuration-markup/#configure-markup
markup:
goldmark:
renderer:
unsafe: true

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.