funkydan2 / alpha-church Goto Github PK
View Code? Open in Web Editor NEWHugo theme for churches based on a html5up theme
Home Page: https://alpha-church.netlify.app
License: Other
Hugo theme for churches based on a html5up theme
Home Page: https://alpha-church.netlify.app
License: Other
Hi,i want to open the commet such like github issue,is it possible?And,can i change the map which show at home page to a static picture in my static folder?
The nice plyr.io controls don't seem to be loading in Safari or Firefox.
Hi!
Just wondered why the images
param in the frontmatter is an array, as only the first entry seems to be used anyway?
It makes editing it a bit more tedious when using netlify-cms, and it's not obvious to the content writers that only the first image is useful in the list...
Thanks! :)
Hello,
Thinking about using this for our church (if I can make editing it non-geeky enough for pastor's wife, which is yet to be seen).
I can't figure out what I need to put in content pages to make Bible popups. I have the config. Can an example of this be added please?
Thanks!
Hello, when the site is deployed locally, there is a problem while navigating through menus.
I'm using the google maps in a project, but the map is always in english. I'm using here: https://github.com/cunhazera/villa-hugo/blob/master/config.toml#L119
Is there some way to change the map language?
Hi Dan,
First off, thanks so much for your work on this theme :)
There seems to be an issue where custom CSS styles are overriding the plyr.io icon styling, making them appear stretched on mobile/small screens. This is evident in the Gympie Presbyterian site (e.g. see https://gympiepresbyterian.org.au/sermons/easter-2023-long-live-the-king/ on mobile).
It seems to be coming from this line here but it could be one of the others around that area somewhere.
Happy to submit a PR if I can help at all, or help with further diagnostics.
I really like the list page created when multiple posts are in a subdirectory. eg I have a folder events
with a md file per event and hugo creates an event directory at the /events path. A preview of the text is shown with each entry but the text doesn't seem to render css/html or shortcodes well, it just dumps the text content of them out. Is this a limitation? Or an incorrect use on my part of the auto-list page created at the root of a sub-directory.
I apologize if this is explained in the documentation, or if its a hugo question I can search their forums.
The theme works great but the absolute URL's break some CSS and images. If we use relative URLs then that would not be the case.
I have tried getting this to work a variety of ways on my own instance and have not figured it out.
I also see the Contact form does not appear on the demo:
https://themes.gohugo.io//theme/alpha-church/contact
Hi :)
Looking at the contact page (contact.html partial), it seems the strings are hardcoded in the theme, therefore it cannot be replaced without overriding the partial. That would be cool to have it as a parameter for translation purpose.
Thanks for your work!
When I test my site with "hugo server", the banner image comes up fine, but once I actually generate the site and upload the "public" folder, the banner doesn't work.
Looking at the Chrome console, it looks like for some reason the #banner CSS property is set to "url(http://localhost:1313/img/overlay.png),url(http://localhost:1313/img/banner.jpg)".
You can see this is the case by looking at the example site:
https://themes.gohugo.io/theme/alpha-church/
If you have a local Hugo server running, whatever you have as overlay.png and banner.jpg in your local public folder will show up on the example site! (as the images are being served from localhost:1313). As soon as you kill your local Hugo server, they go missing again.
It seems like, for some reason, the baseURL isn't being honoured when the site is generated, and the URL is somehow hard coded to http://localhost:1313 instead?
Since this is available in the CSS and JS, it should be fairly trivial to allow for sub-sub-menus.
Hello, I'm trying to apply custom CSS the way you mention in the instructions but it's not working. I've tried both using the static/css/my.css
and themes/alpha-church/static/css/my.css
.
$ tree static
static
└── css
└── my.css
$ tree themes/alpha-church/static/
themes/alpha-church/static/
├── css
│ └── my.css
config.toml:
baseURL = "https://example.com/"
languageCode = "pt-br"
title = "Example"
theme = ['alpha-church']
themesDir = "themes"
enableEmoji = true
customCSS = ["my.css"]
Since Hugo 0.52.0, there has been an inline shortcodes feature, which is considered a better way to reuse code in partials rather than calling partials from shortcodes.
With the move to the GoldMark renderer in Hugo 0.60.0, shortcodes which call partials are sometimes causing problems (see this thread).
I propose removing the two shortcodes which replicate the functionality of inline shortcodes, for safer operation.
This would mean that instead of calling {{< contact_form >}}
to display the contact form partial, you would call {{< contact.inline >}}{{ partial "contact" . }}{{< /contact.inline >}}
.
I'll leave this issue open for around one week for discussion, and will commit the changes after that. (This will trigger a new tagged release as it could break sites.)
I am having trouble setting up formspree
I have modified the contact settings in config.toml like so:
service = "formspree"
confirm_page = "/contact_thanks"
formspree_email="[email protected]"
And then sent a test email form my contact form - this takes me to the formspree homepage.
What other steps are required to setup that I am missing?
Hello @funkydan2 and Happy New Year!
I recently reviewed the deploy log of the Hugo Themes website and it seems that you have some insecure http://
URLs that are throwing warnings:
Here is the tentative list from the Netlify log:
In theme/alpha-church/posts/image-content/index.html:
Insecure img urls:
http://via.placeholder.com/600x200
http://via.placeholder.com/600x300
http://via.placeholder.com/300x400#float-right
http://via.placeholder.com/300x400#float-left
http://via.placeholder.com/300x400
In theme/alpha-church/sermons/institutes-2-11/index.html:
Insecure source urls:
http://ia801403.us.archive.org/29/items/institutes_christian_religion2_1003_librivox/institutesofchristianreligion2_11_calvin_64kb.mp3
In theme/alpha-church/sermons/table-talk-word-of-god-i/index.html:
Insecure source urls:
http://www.archive.org/download/table_talk_martin_luther_1801_librivox/tabletalk_05_luther_128kb.mp3
Also here is the search results page for the string http://
from your theme's repo. Some of the results do not apply but I noticed that there are a couple of more insecure assets than the ones mentioned above.
In most cases this is simply a matter of replacing http
with https
for example http://via.placeholder.com/600x200
is also available under https://via.placeholder.com/600x200
Can you please look into the above and let me know?
Thanks.
Formspree no longer uses an email. Instead they use an endpoint like this:
https://formspree.io/f/RANDOMSTRING
I tried changing the [params.contact] to
service = "formspree"
# confirm_page = "/contact_thanks"
formspree_email="f/RANDOMSTRING"
This seems to be reflected in the index.html
<form method="POST" action="https://formspree.io/f/RANDOMSTRING">
<div class="row gtr-50 gtr-uniform">
<div class="col-6 col-12-mobilep">
<input type="text" name="name" id="name" value="" aria-label="Name" placeholder="Name" />
</div>
<div class="col-6 col-12-mobilep">
<input type="email" name="_replyto" id="email" value="" aria-label="Email" placeholder="Email" />
</div>
<div class="col-12">
<textarea name="message" id="message" aria-label="Enter your message" placeholder="Enter your message" rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions special">
<li><input type="submit" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
But when I try to use the form on the website it redirects to a https://formspree.io/MY@EMAIL
rather than the form. It asks me to login at formspree. I can't figure out how to make it go the right route tho :(
Fa icons were working when I was using hugo version 37. When I upgraded hugo version 42, icons stopped working.
I tried to set the meta description, keywords and tag vaules in the config.toml. But the values are not available in die public files. How van I set the values in the config.toml for using and generating in the public files?
I could run the server, but it only shows an empty screen when I access localhost:1313.
No erros at log.
Hi @funkydan2,
Thank you for creating and maintaining probably the very first Hugo theme dedicated for use by churches. :-)
You might have noticed that the [Demo] button at https://themes.gohugo.io/alpha-church/ disappeared about two weeks ago. That is partially my doing; please see gohugoio/hugo#5061 for the background and suggested fix.
Sorry for my tardiness in reaching out to you. I had been very busy somewhat unexpectedly and I am still trying to catch up to a lot of things, so please forgive me for not providing a PR directly.
I wanted to have the home page feature icons be clickable.
Proposal: an optional url
property that will wrap the entire tile in an anchor tag.
I tried to start the server, but I'm getting this error:
ERROR 2019/04/10 23:24:39 Failed to add template "partials/header.html" in path "partials/header.html": template: partials/header.html:12: function "hugo" not defined
ERROR 2019/04/10 23:24:39 Failed to add template "partials/scripts.html" in path "partials/scripts.html": template: partials/scripts.html:24: unexpected "=" in operand
ERROR 2019/04/10 23:24:39 partials/header.html : template: partials/header.html:12: function "hugo" not defined
ERROR 2019/04/10 23:24:39 partials/scripts.html : template: partials/scripts.html:24: unexpected "=" in operand
ERROR 2019/04/10 23:24:39 Current theme does not support Hugo version 0.43. Minimum version required is 0.48
Total in 2 ms
Error: Error building site: logged 5 error(s)
Looked everywhere in CSS, can't find where to resize the OSM map box !
This drives me crazy.
@funkydan2 For the params.map value in config.toml, is it possible to highlight multiple church locations rather than just one? How can I have multiple markers?
I'd be using this using OpenStreetMaps, and I'd want to highlight a region, but having at least two different locations in different cities? Thanks for your help!
Not sure if you plan on updating this with new hugo versions, but on the recently released version hugo
breaks with errors
ERROR 2021/03/22 21:37:00 render of "section" failed: execute of template failed: template: _default/list.html:1:3: executing "_default/list.html" at <partial "header" . .Section "list">: error calling partial: "/themes/alpha-church/layouts/partials/header.html:21:100": execute of template failed: template: partials/header.html:21:100: executing "partials/header.html" at <.MediaType.Suffix>: can't evaluate field Suffix in type media.Type
From the hugo changelog it looks like mediaType has been changed
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.