Code Monkey home page Code Monkey logo

grimsi-geysir's Introduction

Geysir

A simple & clean Bootstrap 4 Koken theme for photographers, bloggers & much more...
Nicely responsive - so it fitst on both mobile and desktop sizes.
The front page displays a fullscreen slideshow and
Content/Favorites/Albums/Featured_Albums/Essays/Featured_Essays below. You need to have Koken setup to use this theme, Koken is a CMS focused on photography

Installation

Install Koken
Navigate to the themes folder (best via ftp):
www.yourdomain.*/storage/themes/
Copy the whole folder so it will look like this: /storage/themes/grimsi-geysir/
Now head over to a browser and navigate to this location:
www.yourdomain.*/admin/#/site/themes/
Select 'grimsi-geysir' from the list of themes
Click the "Use theme" button to enable this theme
If this is an updated version with new features in admin, make sure to go to /admin/#/settings/system/ and click the "clear system cache" button
This theme is open-sourced software licensed under the MIT license.

Demo:

Portfolio.grimur.net

grimsi-geysir's People

Contributors

notandigg avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

grimsi-geysir's Issues

Undeclared variable pulse in jscripts.js

Since this is only used on the front page, it might be better to have it inline there to avoid that JS error

pulse.on('start', function () {
  $('#ss_spinner').addClass('loading')
});
pulse.on('waiting', function (b) {
  b ? $('#ss_spinner').addClass('loading')  : $('#ss_spinner').removeClass('loading')
});
pulse.on('dataloaded', function () {
  $('#ss_spinner').removeClass('loading')
});

Albums appear to be limited to ~100 pictures

Thanks for a very nice theme!

I have several albums containing more than 100 pictures; it looks as if these albums get cut at ca. 100. Sometimes it's 97, sometimes 99.

I had a very quick look through the code, but didn't see an obvious limitation. Maybe you can point me into some direction, then I'd be happy to investigate further and create a pull request.

Wrong link to lightbox with certain album title

Hey,

I think I found an rare issue with certain album titles and the lightbox links, but not entirely sure it is theme related.

The problem:
If an album is named somethink like "Tag des offenen ..." (german for day of open...) the link would be domain.com/alben/tag-des-offenen/inhalt/.... These links are correct for album view or single image view. But the lightbox link on the single image view suddenly is domain.com/alben/tag/-des-offenen/inhalt/.... with an additional / after the word tag and the site is loading endlessly and the lightbox does not appear.

If I remove the dash between "tag" und "des" (domain.com/alben/tagdes-offenen/inhalt/...) all the links including lightbox are fine and working.

I think, something is interpreting the word "tag" as the english word? Because on my site the link domain.com/tag/ seems to exist.

Menu not working on mobile browsers

Wow, thanks for your quick fixes / changes.

I've tested your latest version and noticed that the menu doesn't work on mobile browsers like Chrome or Firefox. Pressing the button only reloads the site.
With the browser option "show desktop version" the menu works as expected.

There is no support for the password protect

It seams since you <koken:load source="albums" limit="{{ settings.album_count }}" order_by="modified_on" order_direction="desc">
This breaks the password protect

If instead would be using <koken:load limit="{{ settings.album_count }}" order_by="modified_on" order_direction="desc"> You would not break the PW protect

Edit Sections

Is it possible to choose which sections are displayed on the front page besides editing the slideshow-sections.html?

Also, I would like to show a section with the featured albums on the front page.

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.