crakjie / landing-page-hugo Goto Github PK

View Code? Open in Web Editor NEW

74.0 5.0 58.0 4.8 MB

Hugo landing page theme

License: MIT License

HTML 6.00% CSS 93.54% JavaScript 0.46%

landing-page-hugo's Introduction

Landing Page Theme for Hugo

Hugo theme based on the landing-page theme for Jekyll

How to use

Background Images

Override the default intro and contact backgrounds by putting images in these files:

img/intro-bg.jpg
img/contact-bg.jpg

About Section

Create a markdown file named content/about/about.md

---
Title: About Us
Draft: false
---

WidgetCo is the world leader in widget production.

Services Section

Create a markdown file describing a service you offer in content/services/ - e.g. content/services/widgets.md.

---
Title: Customized Widgets
Img: widgets.png
Category: Services
Draft: false
---

We specialize in bespoke widgets, built to your specification.

Then place a matching image in static/img/services/ - e.g. static/img/services/widgets.png

Pricing Section

Find example data in exampleSite/data/pricing.json To enable the pricing section, create content/pricing/pricing.md with draft: false (or copy it from the exampleSite directory).

Social Contact Buttons

Contact buttons will be automatically created if one or more [[params.social]] is configured in config.toml:

baseurl = "http://yourdomain.com"
languageCode = "en-us"
title = "WidgetCo Inc"
[params]
	description = "The best widgets in the world!"

[[params.social]]
	title = "email"
	icon = "envelope-o"
	url = "mailto:[email protected]"
[[params.social]]
	title = "twitter"
	icon = "twitter"
	url = "https://twitter.com/SBootstrap"
[[params.social]]
	title = "github"
	icon = "github"
	url = "https://github.com/IronSummitMedia/startbootstrap"
[[params.social]]
	title = "linkedin"
	icon = "linkedin"
	url = "http://linkedin.com/yourusername"

title parameter sets the text to be displayed on the contact button
icon parameter sets which Font Awesome icon will be displayed.

Google Analytics

Google Analytics support is automatically enabled if you set the googleAnalytics param in config.toml to your Google Analytics tracking ID.

[params]
googleAnalytics = "UA-12345678-1"

Custom CSS

Add custom CSS by specifying file(s) using custom_css param e.g. files such as static/css/local.css and static/css/media.css

[params]
custom_css = ["css/local.css","css/media.css"]

Demo

View this equivalent jekyll theme in action here

#Have a look, Have a try

git clone https://github.com/crakjie/landing-page-hugo.git
cd landing-page-hugo/exampleSite
hugo server -t landing-page-hugo

Screenshot

landing-page-hugo's People

Contributors

Stargazers

Watchers

landing-page-hugo's Issues

exampleSite for Hugo Theme Site

See my preview build of the Hugo theme site:

http://185.52.0.94:1313/landing-page-hugo/

(the site may go up and down)

Compare that to

http://185.52.0.94:1313/artists/

With most themes I have tried to get it up and running with the generic Hugo Basic Example (https://github.com/spf13/HugoBasicExample).

But some themes are "too custom", so that isn't possible.

So I added support for a theme having a self-contained exampleSite. In the Artist example above, see:

https://github.com/digitalcraftsman/hugo-artists-theme/tree/master/exampleSite

For landing page I have just disabled the demo for now, but I'm happy to turn it on if we can get it either up and running with the basic example, or probably better, add an exampleSite to this repo.

Images in Services vertically centered.

First of all, thanks a lot for this theme! and please, apologize if this question doesn't belong here.

When each "post" has a few paragraphs, is it possible to get its image vertically centered when is placed at the side? Of course without breaking responsiveness.

What are the best practices in this case? Keep the text small for each post?

Question on using this theme with blog content

Hi there,

I really like this theme, but also have many blog articles I'd be bringing over from my existing Ghost blog. When I put those in the "post" folder, it throws ALL the articles on the front page - making it a large page to download! Am I able to have a "Blog" link at the top of the landing page navigation menu where users could click that and then read my blog entries, or is this theme not really designed for that?

Thanks,
Brian

Images missing max-width property

Hello!

I've stumbled upon the very same issue as the dim0627/hugo_theme_beg#19, only part of the image visible on the screenshot where whole should be:

Source code:

![Shinken simple distributed architecture](https://shinken.readthedocs.io/en/latest/_images/shinken-architecture.png)

blog integration ?

can you please integrate a blog and show the post teasers at the bottom ?
that would be awesome!

Google map and form in contact

Is it possible to embed a google map and a contact form in the contact part of the page?

Impressum / Imprint / Legal Notice

Hi all,

in Germany every website must have an "Impressum". Best direct translation might be "imprint" and some international websites use the term "Legal Notice". Anyway, it must be there and I thought we could make this part of the template and it could look like this:

Since it's optional, I'd just load a content/imprint/imprint.md file in the footer.html.
By default I set the exampleSite imprint to "draft: true" to not show it and explain it in the Readme.

Is this something we could merge to master?
Thanks for your feedback.
Matthias

How to add item "Second" to page-scroll?

Dear @crakjie,

Is there any way the theme supports to do the following:

Add a new element Second after Services that upon click scrolls down to the respective section?

Thankfully,

-Robert

Please switch to safe baseURL for example config

Apparently a scammer has registered the default base url genreated by hugo ("http://replace-this-with-your-hugo-site.com") and has some malware, ads, etc on it. See: gohugoio/hugoThemes#171.

Your theme doesn't use this base url but it still points to a website that is registered. To avoid such abuse in the future I would recommend to switch to a base url like "https://www.example.com/".

Thanks

portfolio section

hi,
love your theme!
can you also add a portfolio section which can have multiple modal popups. kind of like "past work" or "previous portfolio"

thanks!

How can I change the navigation and "stay in touch" text?

Dear @crakjie,

Thank you so much for your wonderful landing page theme!

I am new to Hugo, currently trying to use it with your theme to create a simple conference website.

I followed the documentation but failed to make the following changes.

May you help me?

Thankfully,

-Robert

Proposal: Customizable "Pricing" section

Hi all,

for my landing page I needed a "pricing" section, so I built it into the existing template and made it customizable with a data/pricing.json

Here is how it looks like at the moment:

The input example looks like this:

[
    {
        "name": "Free",
        "link": "signup/free",
        "linkText": "Signup",
        "features": [
            {
                "name": "Free-Feature 1",
                "description": "My feature 1 can do..."
            },
            {
                "name": "Free-Feature 2",
                "description": "with feature 2 you can..."
            },
            {
                "name": "",
                "description": ""
            }
        ]
    },

You can easily add new features or more pricing columns. (The description field is not used at the moment).

It's also resizable and should work on mobile (columns will be collapsed and shown under each other.

Does it make sense to integrate it into the template?