Overview

RTheme is a responsive and customizable theme for websites. It offers a range of features including a responsive layout, multiple column layouts, a top bar with a menu, page transition effects, quick navigation features, code box support, automatic image resizing, built-in icons, hover effects, support for 404 pages, typewriter and loading effects, footer icons, automatic time tracking for article updates, custom scrollbars, adaptive text sizes, lazy loading of images, image zoom with masking, automatic redirection, native JavaScript pop-ups, mouse follow effects, and a vertical layout for mobile devices.

Features

• Responsive Layout: The theme is compatible with different screen sizes, with a minimum adaptation of 380*400 pixels.
• Multiple Column Layout: The theme automatically divides content into left and right columns.
• Top Bar and Navigation: The theme includes a top bar and a menu that can be hidden on mobile devices with low resolutions.
• Page Transition Effects: The theme provides smooth transition effects when navigating between pages.
• Quick Updates: The theme supports easy updates for the table of contents and copyright information, with automatic copyright updates.
• Code Box Support: The theme includes support for displaying code snippets, including line numbers (requires external JavaScript).
• Automatic Image Resizing: Images are automatically resized to fit the layout and prevent oversized images.
• Built-in Icons: The theme includes a collection of commonly used icons in different sizes.
• Hover Effects: The theme supports hover effects for links, with and without underline.
• 404 Page Support: The theme includes a custom 404 error page.
• Typewriter and Loading Effects: The theme offers typewriter and loading effects for a dynamic user experience.
• Footer Icons: The theme includes small icons in the footer area.
• Article Update Time Tracking: The theme tracks and displays the time of the latest article update.
• Bold Font: The theme uses bold font files instead of the <b> tag for improved aesthetics.
• Custom Scrollbars: The theme provides a customized scrollbar.
• Adaptive Text Sizes: The theme adjusts text sizes based on the screen resolution.
• Inline Page Preloading: Inline pages are automatically preloaded for faster loading.
• Native Color Adaptation: The theme adapts to color schemes compatible with the utteranc commenting plugin.
• Lazy Loading of Images: The theme supports lazy loading of images (disabled by default).
• Image Zoom with Masking: Clicking on images triggers a zoom effect with a masking effect.
• Automatic Source Selection: The theme automatically selects the optimal source for the website.
• Native JavaScript Pop-ups: The theme includes native JavaScript pop-up dialog boxes.
• Mouse Follow Effects: The theme provides mouse follow effects.
• Vertical Layout for Mobile: The theme changes to a vertical layout on mobile devices.

Installation

To install the RTheme, follow these steps:

1. Access the RTheme GitHub repository: https://github.com/RavelloH/RTheme
2. Click on the “Use this template” button to create a new repository based on the RTheme template. Make sure to include all branches in the repository settings.
3. In the repository settings, select the page branch as the GitHub Pages source.
4. Save the settings to enable the theme.
5. You can download the official ZIP version of the theme from https://github.com/RavelloH/RTheme/archive/refs/heads/main.zip.
6. Alternatively, you can clone the theme directly using the Git repository URL: https://github.com/RavelloH/RTheme.git.

Summary

RTheme is a flexible and feature-rich theme for websites. It offers responsive and customizable layouts, a range of built-in features, and easy installation through GitHub. With its extensive list of features, RTheme provides users with a visually appealing and dynamic website experience.