Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ratmd/newshub-theme

NewsHub is a Premium OctoberCMS template.
https://github.com/ratmd/newshub-theme

magazine-theme octobercms octobercms-theme template

Last synced: about 1 month ago
JSON representation

NewsHub is a Premium OctoberCMS template.

Awesome Lists containing this project

README 

        
NewsHub - Free Magazine Template

================================



**NewsHub** is a free, minimalist and responsive Blog and Magazine template, designed for OctoberCMS 

v2 and v3. It provides a clean and configurable structure using **Bootstrap v5.3** as powerful CSS 

and JS Framework, includes the beautiful **Bootstrap Icons** and implements the responsive and 

feature-rich **Keen Slider** package.



[View the Demo-Website](https://themes.rat.md/newshub)



[Please rate our Template on the Marketplace](https://octobercms.com/theme/ratmd-newshub#reviews)



[Contact us on any Question](mailto:[email protected])



Support NewsHub

---------------

Please support us and our free NewsHub template by writing a [review](https://octobercms.com/theme/ratmd-newshub#reviews) 

on our official [OctoberCMS marketplace page](https://octobercms.com/theme/ratmd-newshub). You can 

also report bugs, request features and more on the [support forum](https://octobercms.com/theme/support/ratmd-newshub) 

or directly on our [GitHub repository](https://github.com/RatMD/newshub-theme/issues).



**We appreciate your support.**



What's new in v1.3.0

--------------------

Version 1.3.0 of the **NewsHub** template focus on the new **Sidebar Widget Builder**, a better 

header and navbar structure, integrating the new **Site-Picker** component (as introduced in the new 

OctoberCMS v3.1 release) and providing more customization and improvements in general.



- Support for the new **Site Picker** component, introduced in [OctoberCMS v3.1.0](https://octobercms.com/blog/post/october-cms-stable-version-31-live).

- Support for the **RainLab.User**, **RainLab.Forum** and additional plugins.

- A new **Sidebar Widget Builder** for your Homepage, Archives, Static Pages and Posts (with more widgets).

- A nice bag full of new theme configurations and options.

- Many improvements, especially for the header, navbar and general Bootstrap stylings.



What's new in v1.2.0

--------------------

The primary focus of version 1.2.0 is the new **Page Builder**, which allows to easily 

create new static pages with over **18 different** Bootstrap and custom **content elements**. 



- A new **Page Builder** for static pages with over **18 Components**.

- A **comment section** and widget and a **week-based** date **archive**.

- A new header style with a **search** / **user** action and **meta-menu**.

- A new way to create the **footer menu** (the old way is still supported).

- Many improvements, especially for the dark Bootstrap v5.2 style.



All Features

------------

- **Bootstrap** v5.3 with **Bootstrap Icons** v1.10 (usable as partials)

- Fully **Responsive** and mobile-first

- **Multi-Language Support** (using RainLab.Translate)

- Native **Site-Picker Support** (requires OctoberCMS v3.1+)

- **Page Builder**, with 18 Bootstrap and custom components

	- **Accordion** - A vertically collapsing accordion.

	- **Alert** - A contextual feedback alert and callout message.

	- **Card** - A flexible and extensible content container.

	- **Card Group** - A container element to show multiple cards.

	- **Carousel** - A slideshow component to cycle through elements.

    - **Content** - A simple text, markdown or HTML content element.

	- **Double-Click** - A double-click solution to embed external content and iframes.

	- **Flexbox Container** - A flexbox container for other content elements.

	- **Gallery** - A simple image Gallery with lightbox.

	- **Header** - A simple header content element.

	- **Image** - A simple image content element.

	- **List** - A simple list content element.

	- **Quote** - A simple quotation content element.

	- **Section** - A section container for other content elements.

	- **Separator** - A simple content separator.

	- **Slider** - A slider component using Keen Slider.

	- **Tabs** - A tabbed-content container.

	- **Text with Teaser** - A simple text with teaser element.

- **4 Menu Positions**: Main Menu, Social Links, Meta Menu & Footer Menu

- **3 Sidebar Positions**: Homepage, Post and Static Page - with many widgets

- **2 Color Schemes**: Light and Dark mode

- **Color** and **Language** Switch for the header and/or footer

- **Responsive Slider** with touch-support using Keen-Slider

- Many Configurations and Settings

- Available in English & German

- Additional CMS Page Snippets

    - Double-Click Solution to embed external content GDPR friendly

    - Table of Contents Snippet (Lists all Content-Headers)

- Additional Features provided by **RatMD.BlogHub**

    - Author / Date / Tag Archives

    - Comment Section and Widgets

    - View / Visitor Counter and Widgets

    - Related / Random Post Section

    - Next / Previous Post Buttons

    - Promoted Blog Tags

    - Custom Meta Details

        - Customizable Slider (Sub-) Title and Excerpt

        - Different Post Layouts (Default, Fullwidth, Featured)

    - Dashboard Report Widgets (for the backend)

    - ... and way more



Requirements

------------

We highly recommend using this template with the latest OctoberCMS **v3.1** release, with 

RainLab.Translate **v2+** (unless you're using a plugin which is not v2+ compatible). However, we 

still support OctoberCMS v2+ installations using RainLab.Translate v1.9+.



- Modern Browser _(IE and Edge Legacy are NOT supported)_

- PHP 7.4+ / 8.0+ _(recommended: 8.0+)_

- OctoberCMS v2+ / v3+ _(recommended: v3.1+)

- Plugin: [RainLab.Blog](https://octobercms.com/plugin/rainlab-blog)

- Plugin: [RainLab.Pages](https://octobercms.com/plugin/rainlab-pages)

- Plugin: [RainLab.Sitemap](https://octobercms.com/plugin/rainlab-sitemap)

- Plugin: [RainLab.Translate](https://octobercms.com/plugin/rainlab-translate) _(supported: v1.9.0+ and v2.0.0+)_

- Plugin: [RatMD.BlogHub](https://octobercms.com/plugin/ratmd-bloghub) _(required: v1.2.0+)_



### Supports

The following plugins are not required but supported by the **NewsHub** template:



- Plugin: [BlakeJones.MagicForms](https://octobercms.com/plugin/blakejones-magicforms) _(v1.6.0+)_

- Plugin: [JanVince.SmallContactForm](https://octobercms.com/plugin/janvince-smallcontactform) _(v1.62.0+)_

- Plugin: [JanVince.SmallGDPR](https://octobercms.com/plugin/janvince-smallgdpr) _(v1.21.0+)_

- Plugin: [RainLab.BlogVideoExtension](https://octobercms.com/plugin/rainlab-blogvideo) _(v1.1.2+)_

- Plugin: [RainLab.Forum](https://octobercms.com/plugin/rainlab-forum) _(in progress)_

- Plugin: [RainLab.User](https://octobercms.com/plugin/rainlab-user) _(v1.6.0+ and v2.0.0+)_



### Tested with

NewsHub has been successfully tested with the following stacks:



- OctoberCMS v2.2.34 (using PHP v7.4.33)

- OctoberCMS v3.0.76 (using PHP v8.0.27)

- OctoberCMS v3.1.29 (using PHP v8.1.14)

- OctoberCMS v3.2.23 (using PHP v8.1.14)



Our Front-End testing is based on:



- Microsoft Windows (Real Machine)

	- Google Chrome (Latest) on Windows 10

	- Mozilla Firefox (Latest) on Windows 10

	- Microsoft Edge (Latest) on Windows 10

- Apple MacOS (Via [BrowserStack](https://browserstack.com))

	- Apple Safari (v15.6) on macOS 12 (Monterey) 

	- Apple Safari (v14.1) on macOS 11 (Big Sur)

	- Apple Safari (v13.1) on macOS 10.15 (Catalina)

- Apple iOS (Via [BrowserStack](https://browserstack.com))

	- Apple Safari on iPhone 14 / iOS 16

	- Apple Safari on iPhone 13 / iOS 15

	- Apple Safari on iPhone 12 / iOS 14



Due to the testing via BrowserStack we cannot guarantee, that NewsHub works seamless on Apple 

devices / on the Safari browser. If you notice any bug or strange behavior please contact us per 

mail or via GitHub issue, Thanks!



Dependencies

------------

The following dependencies are already bundled with this template, of course.



- [Bootstrap](https://getbootstrap.com) v5.3.0-alpha2 - MIT licensed

- [Bootstrap Icons](https://icons.getbootstrap.com) v1.10.3 - MIT licensed

- [Flag Icons](https://flagicons.lipis.dev/) - MIT licensed

- [Keen Slider](https://keen-slider.io/) v6.8.5 - MIT licensed

- [@rat.md/bs-lightbox](https://ratmd.github.io/bs-lightbox/) v1.1.0 - MIT licensed

- jQuery*\** (only in OctoberCMS v2, see below) - MIT licensed



**Attention**: By default, jQuery is only included on OctoberCMS v2 installations using October's 

provided jQuery version, using jQuery for OctoberCMS v3 and above requires to set the "Embed jQuery" 

option on the theme configuration page.



### Development Dependencies

The development of the **NewsHub** OctoberCMS template is done in TypeScript using node.js (v16+) 

with an included and configured esBuild stack. View the package.json in the root template directory 

for more details.



Available Commands:



- `npm run build` - Build & Bundle the source files (JS & SCSS).

- `npm run build:css` - Build & Bundle the SCSS source files.

- `npm run build:js` - Build & Bundle the JavaScript source files.

- `npm run watch` - Watch the source files (JS & SCSS) and bundle on each change.

- `npm run watch:css` - Watch the SCSS source files and bundle on each change.

- `npm run watch:js` - Watch the JavaScript source files and bundle on each change.

- `npm run vendors` - Build & Bundle the required dependencies (as listed above).



Need Support?

-------------

Contact us via mail at [[email protected]](mailto:[email protected]) or visit our website at [rat.md](https://rat.md).



Copyright

---------

Copyright © 2022 - 2023 rat.md.



Published under the MIT-License.