Giter Club home page Giter Club logo

hugrid's People

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

hugrid's Issues

[Feature Requests] some blogish features

Hey love the theme, it's really fresh and interesting, i feel some parts are missing like:

  • direct links to post(s)
  • tag support
  • pagination

etc,

besides that the concept is amazing, works well on destop and phones/tablets

How to display social icons?

Thank you for your nice theme! I am using it as a landing page for my different web presences.

But I am new to Hugo and I do not know how to add social icons (Font Awesome or Academicons)?

I would like to have them centered above the title or under the subtitle.

filter by tags?

is there any way to filter the selection of cards shown by tags?

Non-grid sections

I'd like to put a few paragraphs of text before and after the grid section - is this doable? I can probably edit the header.html to do what I want, but is there a built-in way that'll do it more neatly?

Sample content in exampleSite

I think it would be nice to have an example markdown file with parameters set in exampleSite. Thoughts? ๐Ÿ’Ž

Sorting thumbnails

I'm trying to add the ability to sort the thumbnails. After sorting them I had to change their offset for the preview to show in the correct location. However when I close the preview now, the expanded tag and styling doesn't hide like it normally does. What else needs to be changed?

$("#sort").on("click",function(){
	$(".og-grid li").sort(sort_li) // sort elements
					  .appendTo('.og-grid'); // append again to the list				  
	//reset where preview shows from
	$('li').each(function(i,obj){
		$(obj).data( {
			offsetTop : $(obj).offset().top,
			height : $(obj).height()
		} );
	})
	function sort_li(a, b){
		return ($(b).data('hero')) > ($(a).data('hero')) ? 1 : -1; 
	}
})

Sharing Buttons?

Hi All - I was hoping to add some sharing buttons to this theme. Facebook, Pinterest, Tumblr to name a few. I'd like an overall share that would share the whole homepage but then I'd like some share buttons per individual 'listing'. The homepage I'd image I can do from static HTML but when I get into how the rest of the squares use more advanced javascript, I'm lost. For example, when you click on a grid square, it opens up, and the share buttons would appear horizontally beneath the 'get this theme' button.

I've been trying to learn Javascript but when I look at the actual code of this theme, I feel I'm a long way off from understanding where exactly to put this code and what specifically I'd have to add. And I'm slightly impatient for that stage. I was going to get the site launched first and then learn how to integrate it all on my own as time went on, but the Git community is quite helpful and I figured I'd take a shot at asking for help. It never hurts right?

Would anyone like to help me out by telling me where this code would go? I'd sincerely appreciate it!

new box-grid

Hello there @aerohub :) please Can you tell me what I must type on the command line windows to appear a new box or grid? I have added it on the configuration items tolm a new "items" but it hasn't worked, Any indication would be appreciated

different size

HI,
thanks for the theme!
I try to work with two sections, one with thumbnail of 500 pixels instead of 250, and one normal. My problem is that they overlap. I tried to modify the css, but with no luck so far:

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 500px;
}

any help would be appreciated!

typo on head.html

Hugo is unable to build and serve the theme as there is a typo in ./layouts/partials/head.html on line 9

{{ .Hugo.Generator }} needs to be replaced to {{ hugo.Generator }}

create an items2, items3 , items4

This is a great design ! Yet, I don't understand the parameters of the code and so keep getting
errors when trying to link to an identical page but with new content. The only way I could think
of doing it is linking to an identical site in a different repository with a whole new url.

Any help would be greatly appreciated. I did get some clues in HUGO support forum but
still the base code semantics are indecipherable to me!

Linking to content within site

It might be a good idea to have an option to create content within the site.
So, that each card can link to full blown content page like other themes.

hey there

@aerohub :) I would like to know if you can help me put me in the right direction I have used your theme and it has shown error in development tools :
(index):316 Uncaught ReferenceError: Modernizr is not defined
at (index):316
at (index):608
(index):612 Uncaught TypeError: Cannot read property 'init' of undefined
at HTMLDocument. ((index):612)
at c (jquery.min.js:3)
at Object.fireWith [as resolveWith] (jquery.min.js:3)
at Function.ready (jquery.min.js:3)
at HTMLDocument.H (jquery.min.js:3)
Do you know that it can be. I'm going to seeking an answer on the web. Any help would be appreciate
thank you

No way of showing "full" image on small screen

Expanding a thumbnail on a small screen leads to showing the title/description/button, but no full image (or link to full image or anything.) This seems to be the case both on mobile devices and on desktop windows sized to be narrow.

No demo on theme site

Hello @aerohub,

could you add a folder named static to the exampleSite directory? Otherwise the build script of the theme site isn't able to generate a demo for your theme.

Thanks

Pagination

i would really know if it's capable of supporting pagination using:

{{ range $.Site.Data.items.items }}

Thank you.

SVG Support?

Hello, thanks for the awesome theme!

I've been trying to use SVGs on my page, and they don't seem to appear (end up scaled to 0x0). I'm wondering, before I mess with too much more, whether anyone can confirm whether SVGs should work with this setup.

I tried messing with the CSS some, and wasn't able to get anything yet.

Looking forward to hearing from you.

Individual buttontext per Item

Hi aerohub,

thank you for this theme, it fits my purpose perfectly.
I would really like to be able to set an individual buttontext per item/square; the same way that I can set the url in the items.toml per item/grid.

Do you know if this is easily done and how to do it?

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.