Giter Site home page Giter Site logo

themefisher / navigator-hugo Goto Github PK

View Code? Open in Web Editor NEW
155.0 9.0 153.0 2.74 MB

Navigator Business theme powered by Hugo. It also could be used for a personal portfolio.

Home Page: https://gethugothemes.com/products/navigator/?utm_source=navigator_github&utm_medium=referral&utm_campaign=github_theme_about

License: MIT License

HTML 34.32% CSS 58.69% JavaScript 6.99%
hugo-theme business-template blog-theme hugo static-site-generator jamstack hugo-site hugo-cms gethugothemes mit-license

navigator-hugo'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

navigator-hugo's Issues

404 for sections on hugo demo themes

On the demo website theme deployed by themes.gohugo.io, every section page is 404 (fr and en)

I had a quick (really quick) look but I see nothing obvious.
Put it here in case someone can have a look.

EDIT : Only portfolio and services has this problem. But seems like blog images have pb too.

Video Player Image Issue

Started playing around and used the example site as a starting point but I've noticed that the video player in the demo has an image present whereas in the example site the image doesn't seem to show. I've poked around looking for the HTML for the hero section as I suspect that's where the issue lies, but I can't seem to find that either.

Totally unrelated, but I had an issue with the default html for the about section as well. I edited line 19 and 25 of layouts/partials/about.html to be:

<img src="{{ .image | absURL }}" class="img-fluid rounded shadow" alt="about-image">

This resolved the issue with images displaying in this section.

Considering make this theme multilingual ...

Hello @mehedi-sharif I'm an happy Airspace user (the Cocoon tents)

I have a project (My daugther's camping proper web site) almost finished (using Prologue theme) and it is multilingual.

I really like your themes and may be Navigator can be used and adapted. But I need to make it multilingual.

Before going to work on that, do you have an opinion about the ability of this theme to be adapted for multilingual purpose (I guess you have thought about that) or if ot will be too much work because of his architecture..

If my daughter agree on your design (I'm waiting on her response) I am ready to work for making it multilingual.

Any thought on that could help me deciding.
Anyway you have KILLER themes.
Regards.

Home page #2

Hello,
On your demo page you have an url for Homepage 2 but I can't figure out how to switch from one to another.

Is this possible or is it not included in this version?

Thanks!

Video player play-icon is not centered vertically

If you open the page full-screen and slowly reduce the width of the window, the video thumbnail and the play-icon do not respond the same way: The play button aligns at the bottom of the thumbnail at specific widths (100% reproducable).

Regards.

Edit: I just posted the content of this issue.

error when deploying this theme

I'm getting this error when running hugo server. I've followed the same steps as with other themes; for some reason, only this theme gives this error. Please help!

hugo server -b="http://test.s3-website-us-east-1.amazonaws.com/test/hugo/navigator-hugo" --renderToDisk --appendPort=false
ERROR Failed to read Git log: fatal: Not a git repository (or any parent up to mount point /home)
Stopping at filesystem boundary (GIT_DISCOVERY_ACROSS_FILESYSTEM not set).
Total in 127 ms
Error: Error building site: logged 1 error(s)

How to disable the form javascript/php sending part

Hello,

I make the request here (may be it is better to do it on your themefisher web site as I paid the theme ? let me know)

  • I want to use the Netlify Form feature. They just need a regular form.
  • I have a form working in an other theme which is exactly the same than the form in contact.html navigator.

But my navigator form do not work.

I looked at the code and there is a script.js who is doing :

  • check if all fields are writen (this par tis OK)
  • send the form via php => this is the cause of the form not working with Netlify.

But i can't find a way to disable the javascript/php part.
Any info / help / tip on how to properly disable the javascript php to have a regular form ??

Thnaks

The git clone line in the instructions may need to be updated.

I tried the line in your installation instructions:
git clone [email protected]:themefisher/navigator-hugo.git

And got the following result:

Cloning into 'navigator-hugo'...
Warning: Permanently added the RSA host key for IP address '{redacted}' to the list of known hosts.
[email protected]: Permission denied (publickey).
fatal: Could not read from remote repository.

So, I used this instead which worked fine:
git clone https://github.com/themefisher/navigator-hugo.git

Why is markdown fully supported?

I am trying to use this theme, in most cases, works fine. But I have two questions?

  1. Why do the .md files only effect in /content and content/level1 ? If I put markdown file in deep path, 404 out.
  2. I use this file to try. Don't work as expected, like GitHub.
# Welcome
**SkyWalking 6 documents and codes are still on building, Status: WIP. Of course, we welcome everyone to join us.**

From here you can learn all about **SkyWalking**’s architecture, how to deploy and use SkyWalking, even develop based on SkyWalking.

- [Concepts and Designs](en/concepts-and-designs/README.md). Concepts and designs explain the most important core ideas about
SkyWalking. You can learn from here if you want to understand what is going on under our cool features and visualization.
- [Setup](en/setup/README.md). Setup contains guides for installing SkyWalking in different scenarios. As a platform, it provides
several ways to provide observability, including monitoring and alarm of course. 
- [Guides](en/guides/README.md). Guides are for PPMC, committer or new contributor. At here, you can know how to develop, release 
and what is ongoing of the community.
- [Protocols](en/protocols/README.md). Protocols show the communication ways between agents/probes and backend. Anyone, interested
in uplink telemetry data, definitely should read this.
- [FAQs](en/FAQ/README.md). Include a manifest, including already known setup problems, secondary developments experiments. When 
you are facing a problem, check here first.


In addition, you might find these links interesting:

- The latest and old releases are all available at [Apache SkyWalking release page](http://skywalking.apache.org/downloads/). The change logs are [here](../CHANGES.md).
- You can find the speaking schedules at Conf, online videos and articles about SkyWalking in [Community resource catalog](https://github.com/OpenSkywalking/Community).
Also, if you have some related to us, welcome to submit a pull request to add.
- We’re always looking for help improving our documentation and codes, so please don’t hesitate to [file an issue](https://github.com/apache/incubator-skywalking/issues/new) 
if you see some problem. 
Or better yet, submit your own contributions through pull request to help make them better.

Could you help me about these two questions?

Formating of rmarkdown files

Hi I really like your theme but I noticed that when I add a blog post as an Rmarkdown file, the formatting is not great. There are large blocks of space between text blocks and new headers. Is there a way to fix this?

Screen Shot 2021-03-02 at 9 30 38 AM

If I use just a markdown file it formats fine but since I want to be able to insert and run code, I would like to use .rmarkdown files.
Thanks,
Meg

Portfolio (Work Showcase) - Incosistent Behaviour on Mobile

Clicking at one of the portfolio images leads to 3 different behaviours on mobile phones (tested on Safari@IOS and Chrome@Android):

  1. The page reloads completely.
  2. The pink overlay with the description appears.
  3. The lightbox with the large image pops up.

As far as I can tell this is dependant on the position of the click.

  1. Pink overlay appears, if we do not click on any invisible element.
  2. Page reloads, if the invisible description is clicked.
  3. Lightbox appears, if the invisible search-icon is clicked.

I hope this helps to improve this great template.

Hero Background Image?

Hello!

This theme looks amazing and has a ton of functionality. I was wondering if there was a way to add an image to hero background in order to have this kind of look: example site

Thanks!

Linkable parent for nav-item with children

Thanks for the theme, great stuff! My nav-menu has one item with children, so that it becomes a dropdown menu. How can I make sure that the parent (so the toplevel item) can also link to a page?

Submenu dropdown on mobile not displayed correctly

Hello!

There's an issue with the dropdown submenu on mobile. The dropdown is collapsed but won't display the content and won't toggle if it gets activated. I figured out that the display:block in the style.css (.navigation .dropdown .dropdown-menu) overwrites the display in the bootstrap collapse function. If I remove the display:block it works fine on mobile but then the hover of the submenu on desktop doesn't work anymore (only on click). Can you tell me how to solve this issue?

thx br

Screenshot 2021-02-25 at 14 50 36

Screenshot 2021-02-25 at 14 50 46

Lisa

How do I add pages to the website?

I would like to make the items on the 'Service' page links, For example, on the demo website's Service page, under 'Branding', I would like to make each item a link to another new page that would detail each service. i.e. Brand Strategy, Advertising / Campaigns, Product Design, etc would all be individual links to pages that would detail each service. How would I go about implementing this?

Any help would be greatly appreciated. Thanks.

Loading page after files are public

I can run hugo server and the site looks great. If I run hugo and get the html files I just get spinning screen whether on webserver or local.

Start building sites …
hugo v0.88.1-5BC54738 windows/amd64 BuildDate=2021-09-04T09:39:19Z VendorInfo=gohugoio

               | EN

-------------------+-----
Pages | 40
Paginator pages | 1
Non-page files | 0
Static files | 95
Processed images | 0
Aliases | 5
Sitemaps | 1
Cleaned | 0

Total in 17149 ms

Costum shortcode with css not renderd in hugo production mode

Hello!
I am using the navigator theme for hugo. I managed to create a costum shortcode with css. When I am running the hugo server command it renders nicely but when I use the hugo command it only renders pure text.
Here is my code and css:
The code:

<div class="shortcode-notice {{ .Get 0 }}">
<div class="shortcode-notice-title {{ .Get 0 }}">
{{- if len .Params | eq 2 -}}
{{ .Get 1 }}
{{ else }}
{{ .Get 0 }}
{{- end -}}
</div>
<div class="notice-content">{{ .Inner | markdownify }}</div>
</div>

The css:

/*=================================================================
Notice Shortcode
==================================================================*/
.shortcode-notice .notice-content {
padding: 0.6em 1em;
display: block;
font-size: 1em;
margin-top: 0;
margin-bottom: 0;
color: #666;
}
.shortcode-notice-title {
color: #fff;
padding-left: 1em;
font-weight: bold;
}
.shortcode-notice-title.note {
background-color: #6ab0de;
}
.shortcode-notice.note .notice-content {
background: #e7f2fa;
}
.shortcode-notice-title.tip {
background-color: rgba(92, 184, 92, 0.8);
}
.shortcode-notice.tip .notice-content {
background: #e6f9e6;
}
.shortcode-notice-title.info {
background-color: #f0b37e;
}
.shortcode-notice.info .notice-content {
background: #fff2db;
}
.shortcode-notice-title.warning {
background-color: rgba(217, 83, 79, 0.8);
}
.shortcode-notice.warning .notice-content {
background: #fae2e2;
}

How can I make it work?
Thanks for your help in advance!

How do i setup the contact form?

It's really just for showing or it does really work? I've search through all of it and there's nowhere i could find that i can set an e-mail and make it work.
Any help please?

Navigator-Hugo SEO

Hi

I am looking into how to improve some SEO in Navigator-Hugo. Do you already have all necessary settings in place within this theme, or is there some extra settings I can use for further improvement?

I just need some short guidance or some few tips.

Thank you in advance

Jeevez

List syntax in .md file not rendering

I was trying to use the following syntax in my .md file, but when it renders in the site, bullet points are not showing.

What might be the issue? Is it like this theme wont support bullet points ?

Please help me out

syntax i used is :

"*" added in the beginning of required lines

Error: failed to load translations

I am trying to add new blog posts to my site but when I add one or edit an existing one I get the error
Error: add site dependencies: load resources: loading translations: ".\Website-Navigator\i18n\en.toml:23:2": failed to load translations: (23, 2): duplicated tables .
What does this error mean and how do I fix it.
Thanks!

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.