Giter Club home page Giter Club logo

grav-theme-hotdoy's Introduction

Donate

MAKE SURE TO UPDATE EVERYTHING IF YOU INSTALLED THE THEME TROUGH THE SKELETON!

When extending this theme, you should use Theme Inheritance. Create, overwrite or clone template you want to customize.

What's next?

Not much. I will keep it in working order and respond to issues. With COVID-19 and everything around it, I am still working with Grav but on more personal projects. That's pretty much it for the theme.

Anyways... I took the best of Hotdoy and other experiments with Grav and created Wheat!. Built to be my starter kit++ and presented as a popup shop for small businesses or individuals wanting to quickly setup a super fast eCom site.

Need a ✋ ?

If you need help with theme customization, setting up theme inheritance (the only good way to do it) or if you want to sponsor a feature, PM me and we'll see what can be done! :D

Can I help?

Yes, by sending me 💰.

Hotdoy Theme

Theme screenshot

Installation

Installing the Hotdoy theme can be done in one of two ways. The GPM (Grav Package Manager) installation method enables you to quickly and easily install the theme with a simple terminal command, while the manual method enables you to do so via a zip file.

GPM Installation

The simplest way to install this theme is via the Grav Package Manager (GPM) through your system's Terminal (also called the command line). From the root of your Grav install type:

bin/gpm install hotdoy

This will install the Hotdoy theme into your /user/themes directory within Grav. Its files can be found under /your/site/grav/user/themes/hotdoy.

Manual Installation

To install this theme, just download the zip version of this repository and unzip it under /your/site/grav/user/themes. Then, rename the folder to hotdoy. You can find these files either on GitHub or via GetGrav.org.

You should now have all the theme files under

/your/site/grav/user/themes/hotdoy

Customization

All customization should be done using theme inheritance https://learn.getgrav.org/16/themes/customization#theme-inheritance to allow for future updates (and there will be updates).

Page Templates

  • Default
  • Modular
  • Product
  • Product Collection
  • Article
  • Article Collection

Modular

  • Content
  • Hero
  • Splash
  • Video
  • Grid / Grid-Item
  • Drawers
  • Map

Shortcodes

Breakpoint

Show content on specific device width only.

[portrait][/portrait] 
[landscape][/landscape]

Button

Add buttons with material icons support.

[btn href="https://google.com"], [link href="/mypage" mi="done"]

Embeding videos

[youtube="url"] [vimeo="url"]

Note

[note][/note] Add unrendere content.

Material Icons

[mi="icon-name"]

A complete list of icon codes can be found here

Width

[site][/site] [tight][/tight]

Swiper

[swiper]
![](image.jpg)
![](image.jpg)
![](image.jpg)
[/swiper]

Text size

[xsmall][/xsmall]
[small][/small]
[big][/big]
[huge][/huge]

grav-theme-hotdoy's People

Contributors

hotdoy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

grav-theme-hotdoy's Issues

UPDATE 1.4.x - Modular Default Values

I've made some pretty big changes to the way modular works.
ALL MODULAR PAGES MUST BE RE-SAVED AFTER THE UPDATE.
The embed shortcodes have also be rewritten to allow the use of full urls and are not compatible with the older ones (sorry).

Image loading & html5 audio

I'm having another bizarre problem:
When including some html5 audio clips in a page, images are not loaded all the time. Normally i have to do F5 for getting everything loaded.
If i remove the html5 clips, then everything works OK.
Ideas?

UPDATE 1.5.12 - Grid padding

As of 1.5.12 the grid modular must specify if items are padded or not. This only applies to childrens made using the grid-item tenplate and is the first step in a series of updates to refactor Grid.

Make it a skeleton?

Hi,
I really love the design of your theme...
Would it be possible to add it with your demo-content as a skeleton on getgrav?
Thanks for all your work,
Oliver

v1.6.0 - Reveal content

The whole revealing of content is now optional. It is set to "Yes" by default when you install the theme from scratch but if you come from an earlier version, you will have to re-enable it after the update.
You can find this setting in the theme configuration.

Annotation 2020-02-07 073146

"Back" doesn't work

Browser's Back button doesn't work. It doesn't fail all the time, i'm trying to find a "pattern".

  • It seems to work correctly *ALWAYS" when returning to home.
  • It fails "sometimes" when navigating using the menu or clicking internal links.

When it fails, the URL changes, and the contents are there, but they are hidden (you can copy/paste the text & images with the mouse). Only the footer is visible.

  • Reloading with F5, render the page normally.
  • Loading function is not being called.

Thanks

Header margins are a mess in v1.5.3

I know. I'll fix them tonight so expect a fix in the next 12h.
It will also go further in removing any kind of structure in default page template and hopefully find a good compromise between extendabillity and looks.

Can't Install the theme

Trying to install the theme and I always have this Error (Code: 200) "Transferred a partial file transfer closed with outstanding read data remaining". I even tried to download the package from Grav website and push it manually from Direct Install, still. It doesn't work in any case. I wanted to contact you somehow but looks like it's totally impossible to get in contact with you.

UPDATE v1.5.2 - Content Width

As of 1.5.2, default page and content modular use the "site" width. You can manually set the width to "tight" by using the appropriate shortcode.

Youtube embed fullscreen on Safari.

Triggering the fullscreen mode seems to make the browser fullscreen, glitch the video out and just generally sucks.
I have been investigating a bit and came empty handed for now. Will update.

Video splash seems to break the site on mobile

Currently discovering Grav, I started fiddling with your theme (which looks super good on my desktop pc). I made a video splash similar to your live demo which works exactly as intended (still on my desktop pc), responsive and all.

But when I tried this on my smartphone, everything was broken (I'm using Firefox latest version on android/samsung). Only the title and the hamburger button showed and the whole website was covered by the splash background color. Only when I scroll, I sometimes see glimpses (maybe 5-10% of the viewport) of the content, and I can see that the video is running, so somewhere under this bug the site is there, but thats disappears as soon as the scroll stops.

At first, I thought it was me breaking everything, but I've got the exact same probleme on your live demo website hotdoy.ca (see screenshot below). You can scroll for a great distance, so I assume all your content is still there underneath the dark blue.

I suspect this has something to do with the way mobile device handles vh combined with the hidden overflow and the video, but currently, I'm not enough up to date on theses matters to come up with a fix.

Anyway, keep up the good work, because other than this problem, I love everything about your theme.

Hotdoy theme version : 1.7.12
Grav version : 1.6.23
Firefox mobile Screenshot :
Screenshot_2020-03-21-10-53-11

"Save Failed: Undefined index: type" when trying to save any module page using Normal edit mode

I'm trying to create a modular landing page with a hero module, however using the admin dashboard I can't seem to save any edits. Clicking on "save" only results in the error: "Save Failed: Undefined index: type"

image

This happens when attempting to save any module type, not just hero, using the Normal page edit mode.

This seems to be related to the Hotdoy theme, as when I switch back to Quark, I can create and save a hero module just fine.

If you'd like to see if you're able to replicate this, I've attached my Grav user folder: user.zip

I'm running Grav v1.7.0-rc.6 - Admin v1.10.0-rc.6 on XAMPP 3.2.4 using PHP 7.4.2 with the following plugins:

  • Admin Addon User Manager v2.2.1
  • Admin Panel  v1.10.0-rc.6 test release
  • Assets  v2.0.1
  • Aura v1.0.3
  • Auto Date  v1.0.2
  • Back to Top v0.6.0
  • Custom CSS  v0.2.2
  • Data Manager  v1.2.0
  • DevTools  v1.3.1
  • Email  v3.0.6
  • Error  v1.6.2
  • Flex Objects  v1.0.0-rc.6 test release
  • Form  v4.0.4
  • Google Analytics (gtag.js) v1.1.0
  • Login  v3.0.6
  • Maintenance  v1.3.2
  • Markdown Collapsible v1.0.0
  • Markdown Color  v1.0.1
  • Markdown Font Awesome v1.1.1
  • Markdown Notices  v1.0.4
  • Markdown Spoilers v1.0.0
  • Markdown Task Lists v1.0.0
  • Pagination  v1.4.2
  • PreCache  v1.1.3
  • Problems  v2.0.3
  • Quick Tray Links  v1.0.0
  • Reading Time  v1.3.0
  • Shortcode Core  v4.2.1
  • Sitemap  v1.9.4
  • Themer v1.1.0

[Light issue]

Hello,
thank you for you very nice theme.
I have a slight trouble with the drawers : when I collapse/uncollapse the drawer a second time, all the content i put inside just disappear like magic... !

Thanks for reading.
angel -

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.