GithubHelp home page GithubHelp logo

giansi / gravstrap Goto Github PK

View Code? Open in Web Editor NEW
13.0 13.0 12.0 191 KB

Gravstrap is a Grav plugin that gives you the ability to use Bootstrap components in the Grav way

License: MIT License

PHP 60.61% HTML 17.77% CSS 19.92% JavaScript 1.13% Ruby 0.57%

gravstrap's People

Contributors

bashou avatar giansi avatar nehhen avatar rhukster avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

gravstrap's Issues

Full path for background image

I'm trying to customize Gravstrap and I have the following issue:
The background of the main page is given in the following line of code:
[g-jumbotron name="jumbotron1" fullwidth="true" image="bg_home.jpg" render=false]
However, I would like to change the image path, to an absolute path from another server, like this, for example:
[g-jumbotron name="jumbotron1" fullwidth="true" image="http://serverimage.com/bg_home.jpg?params=1234" render=false]
But it is not working...
Can someone help me?

copy to clipboard implementation

I wanted to know if you could add the ability to copy to clipboard? You have text that is highlighted in the background and then there is a button to 'copy to clipboard'. See the screenshot to see what I mean.

getgrav copy to clipboard icon and function
The people who wrote the getgrav tutorials use it quite extensively. But there is no documentation for the implementation.

I would like to just use a shortcode to implement this within any paragraph and call it a day.

CSS not including after initial setup

I just started using Gravstrap and it seems like the CSS files are not included.

I did the following:

  1. Installed Gravstrap with gpm on Grav 1.2.4 with MAMP.
  2. Added the following code to /pages/01.home/default.md

[g-carousel id="carousel1" name="carousel1"]

[g-carousel-item image="image1.jpg"]
Page 1
[/g-carousel-item]

[g-carousel-item image="image2.jpg"]
Page 2
[/g-carousel-item]

[g-carousel-item image="image3.jpg"]
Page 3
[/g-carousel-item]
[/g-carousel]

and I do not get the actual carousel but instead only the pictures load and the text shows.
The pictures are placed in /pages/images/ as described elsewhere.
Also in the source code I can see that none of the Gravstrap css is included.

I am using the Antimatter default theme. Do I have to use the Gravstrap theme instead?

creating a lightbox

I want to create a lightbox effect. You have a picture or video (usually thumbnail or reduced size of full picture), and then when user mouseOver or clicks on the thumbnail image, a 'lightbox' opens up with the full image/video/etc. And even a caption or additional textoverlay maight be possible in the lightbox.

How do I implement lightboxes with gravstrap? You have a modal shortcode, but I'm not sure if this can be used for images and video. grav has a separate featherlight plugin; but didn't know if that would interfere with gravstrap.

customizing navbar position

directfx bottom navbar and site map
Notice the navbar at the bottom ("please email support@...."). It scrolls automatically and is forced to the bottom of the visible page. I looked at the navbar shortcode docs and I do not see how to set the alignment of the entire navbar to be at top of page, side of page (vertical), bottom of page, etc. How to have multiple navbars if needed? (how to set the order of precedence)

Or not have any navigation components show up. Or customize which navigation links show up (hide some)?

How to have navbar only scroll to a certain point, and then anchor itself at that point in a page? But if the user reverses the scroll, then the navbar follows the user in the reverse direction.

How do I customize the background color of the navbars?

Google Maps API

Hi,
I added my google API to the correct input box in Grav. Also the co-ordinates from Google maps. When I run the page it (maps) fails to load. Checked Javascript console log and says I have a missing API

image

simple block div

Hi,

How can I make a simple div with some text and a class.

[g-div name=myBlock attributes="class:myDivBlock"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus malesuada ante sit amet nisi rhoncus luctus. Vivamus vel mi vel arcu euismod lobortis. [/g-div]

I can't find it on your website or wiki

Best regards
Ocean

tag link routes to /home

Installed gravstrap skeleton to Mac os 10.11.6, installed admin plugin.
For some reason "popular listings" tags links route to gravstrap/tag:photography instead of
gravstrap/blog/tag:photography.

taxonomylist.yaml:
enabled: true
route: '/blog'

gravstrap breaks entire grav install??

getgrav/grav-plugin-admin#487

I will copy it here:

It seems like it is gravstrap plugin, but I could be wrong. I don't remember changing anything that caused this break, but is it possible that I deleted a line or something and accidentally broke something. Anyway, the error message is:

Whoops\Exception\ErrorException thrown with message "Argument 1 passed to Grav\Plugin\ShortcodeManager::getId() must implement interface Thunder\Shortcode\Shortcode\ShortcodeInterface, null given, called in
C:\wamp\www\grav\user\plugins\gravstrap\classes\Base\GravstrapShortcode.php on line 204 and defined"

Stacktrace:
#27 Whoops\Exception\ErrorException in C:\wamp\www\grav\user\plugins\shortcode-core\classes\ShortcodeManager.php:264
#26 Whoops\Run:handleError in C:\wamp\www\grav\user\plugins\shortcode-core\classes\ShortcodeManager.php:264
#25 Grav\Plugin\ShortcodeManager:getId in C:\wamp\www\grav\user\plugins\gravstrap\classes\Base\GravstrapShortcode.php:204
#24 Grav\Plugin\Shortcodes\GravstrapShortcode:registerOutput in C:\wamp\www\grav\user\plugins\gravstrap\shortcodes\Basic\GravstrapSectionShortcode.php:67
#23 Grav\Plugin\Shortcodes\GravstrapSectionShortcode:renderOutput in C:\wamp\www\grav\user\plugins\gravstrap\classes\Base\GravstrapShortcode.php:65
#22 Grav\Plugin\Shortcodes\GravstrapShortcode:Grav\Plugin\Shortcodes\{closure} in C:\wamp\www\grav\user\plugins\shortcode-core\vendor\thunderer\shortcode\src\Processor\Processor.php:134
#21 call_user_func_array in C:\wamp\www\grav\user\plugins\shortcode-core\vendor\thunderer\shortcode\src\Processor\Processor.php:134
#20 Thunder\Shortcode\Processor\Processor:processHandler in C:\wamp\www\grav\user\plugins\shortcode-core\vendor\thunderer\shortcode\src\Processor\Processor.php:93
#19 Thunder\Shortcode\Processor\Processor:processIteration in C:\wamp\www\grav\user\plugins\shortcode-core\vendor\thunderer\shortcode\src\Processor\Processor.php:53
#18 Thunder\Shortcode\Processor\Processor:process in C:\wamp\www\grav\user\plugins\shortcode-core\classes\ShortcodeManager.php:228
#17 Grav\Plugin\ShortcodeManager:processContent in C:\wamp\www\grav\user\plugins\shortcode-core\shortcode-core.php:90
#16 Grav\Plugin\ShortcodeCorePlugin:onPageContentProcessed in C:\wamp\www\grav\vendor\symfony\event-dispatcher\EventDispatcher.php:181
#15 call_user_func in C:\wamp\www\grav\vendor\symfony\event-dispatcher\EventDispatcher.php:181
#14 Symfony\Component\EventDispatcher\EventDispatcher:doDispatch in C:\wamp\www\grav\vendor\symfony\event-dispatcher\EventDispatcher.php:46
#13 Symfony\Component\EventDispatcher\EventDispatcher:dispatch in C:\wamp\www\grav\vendor\rockettheme\toolbox\Event\src\EventDispatcher.php:23
#12 RocketTheme\Toolbox\Event\EventDispatcher:dispatch in C:\wamp\www\grav\system\src\Grav\Common\Grav.php:449
#11 Grav\Common\Grav:fireEvent in C:\wamp\www\grav\system\src\Grav\Common\Page\Page.php:561
#10 Grav\Common\Page\Page:content in C:\wamp\www\grav\user\plugins\gravstrap\gravstrap.php:89
#9 Grav\Plugin\GravstrapPlugin:onTwigSiteVariables in C:\wamp\www\grav\vendor\symfony\event-dispatcher\EventDispatcher.php:181
#8 call_user_func in C:\wamp\www\grav\vendor\symfony\event-dispatcher\EventDispatcher.php:181
#7 Symfony\Component\EventDispatcher\EventDispatcher:doDispatch in C:\wamp\www\grav\vendor\symfony\event-dispatcher\EventDispatcher.php:46
#6 Symfony\Component\EventDispatcher\EventDispatcher:dispatch in C:\wamp\www\grav\vendor\rockettheme\toolbox\Event\src\EventDispatcher.php:23
#5 RocketTheme\Toolbox\Event\EventDispatcher:dispatch in C:\wamp\www\grav\system\src\Grav\Common\Grav.php:449
#4 Grav\Common\Grav:fireEvent in C:\wamp\www\grav\system\src\Grav\Common\Twig\Twig.php:310
#3 Grav\Common\Twig\Twig:processSite in C:\wamp\www\grav\system\src\Grav\Common\Grav.php:186
#2 Grav\Common\Grav:Grav\Common\{closure} in C:\wamp\www\grav\vendor\pimple\pimple\src\Pimple\Container.php:113
#1 Pimple\Container:offsetGet in C:\wamp\www\grav\system\src\Grav\Common\Grav.php:288
#0 Grav\Common\Grav:process in C:\wamp\www\grav\index.php:38

All grav pages in this install are giving me this error in web browser
I think it is odd that the admin plugin got the same error (admin should work if all else fails unless the php server itself is down). So that implies that one plugin (not the admin plugin) had the ability to break the functions of other plugins with pages that have nothing to do with that plugin.

https://www.dropbox.com/s/mp29bf042o24ypb/gravstrap%20plugin%20bad.zip?dl=1

Let me know if you need more files. I can zip/upload the entire grav install if needed to help reproduce the problem.
Github has issues with their uploader and zip files.

navbar manipulation submenu definition

I tried to get more info on navbar shortcode. The submenu function I am confused as to the different parameters.
submenu="internal,components" what does 'internal' and 'components' mean? Can I customize which menu items do NOT display in the submenu?

How to create my own shortcode?

Hello!

I want to use this plugin with another form/contact service.
But I don't know how to create my own shortcodes and in which folder I need to put them.

Can you provide a small instruction?

Cannot change/edit Navbar/Menu Title anymore

In newest gravstrap release I can't change navbar/menu titles anymore.
If I open any md file in user/pages folder and change menu title nothing happens.
So where/how to change? Bug?

brand_image in g-navbar

How to use brand_image in the g-navbar shortcode? Is my example wrong, or where to put the image?

[g-navbar id="navbar1" name=navbar1 fixed=top centering=none brand_text="MyPage" brand_image="mypage.png" render=false]

Google Maps not showing.....

I noticed that on my local install, the google maps (map) is not showing. I am using the stock template
google maps not showing2

Your webpage example it somewhat works
google maps gravstrap diblas partially works

(google maps loads partially, but no roads).

But in my gravstrap admin install and gravstrap skeleton, the map is grey without loading anything (see first image).

Again, one more example from your own gravstrap homepage: google maps only partially loads.
gravstrap diblas google maps partial

Some more questions: In the plugin shortcode google maps, I do not see ability to enter GPS coordinates, use google maps link, etc.
How does the shortcode know where to place marker? How far to zoom, etc? I don't see where to set the map parameters.

Google Maps requires api key

As of June this year, google maps requires an API key. Would you be able to implement a way to add that API key into your plugin?

google maps still not showing correctly

I don't think issue #4 is fully fixed within gravstrap
I updated gravstrap to 1.0.3 and it still shows blue now for me instead of gray.
google maps not showing again 1 0 3

I visited http://gravstrap.diblas.net/ . The map is better (shows marker, google logo, etc, but the full google map still does not load. I visit https://www.google.com/maps/@41.897563,12.518114,11z?hl=en-US directly and the map shows just fine. It is only within gravstrap theme that is the problem.

Are you guys using different coordinates?
I'm using Google Chrome 49.0.2623.87 m (64 bit) and Firefox 38.x and windows 7 64 bit. I cleared browser cookies and cleared grav cache. No luck
edit: I tested http://gravstrap.diblas.net/ again from internet explorer 11.0.9600.18015 on my windows vps and I have the same problem. But the direct google maps link displays fine

@giansi @Hanfrey can anyone upload a screenshot within their gravstrap website showing the google maps is fully displaying ok?

Blueprint

Just stumbled on these small issues:

  • Don't include demo: none or the link in admin is http://localhost:8080/grav-admin/admin/plugins/none
  • Also, readme link gives a 404

attributes broken on link shortcode in v1.0.0-rc.2

After upgrading to v1.0.0-rc.2 I noticed that extra attributes where not getting passed through to the html from the link shortcode.

This is because the shortcode is using variable "attributes":

'attributes' => $shortcode->getParameter('attributes'),

in gravstrap/shortcodes/Basic/LinkShortcode.php

but the template is expecting "link_attributes".

{% set attributes = parse_attributes(link_attributes) %}

in gravstrap/templates/basic/link.html.twig

thanks!

open twitter blanco

Hi,

how can I let twitter button open in new window?

[gravstrap-navbar-menu name=menu1 icon_type="fontawesome" alignment="right" ] [gravstrap-link url="https://www.facebook.com/schneiderwebdesign?target=_blank" icon_type="fontawesome" icon="facebook"][/gravstrap-link] [gravstrap-link url="https://twitter.com/schneiderdesign?target=_blank" icon="twitter"][/gravstrap-link] [gravstrap-link url="/blog" icon="rss"][/gravstrap-link] [/gravstrap-navbar-menu]

?targat=_blank is not working

How do i modify the CSS/Sass from the Theme

Hello Giansi,

Sorry for this Noob Question. Which files do i need modify if want to change the Look of Gravstrap?

Modifying the Sass and CSS files led me nowhere, also when i was compiling the Files with Koala, as Sass/Compass GUI, nothing was happening.

Can you give me a little heads up?
Thanks in advance

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.