A modern, responsive website dedicated to Java programming tutorials, guides, and documentation.
Explore our comprehensive Java programming tutorials and documentation online!
What is GitHub Pages? GitHub Pages is a free hosting service that transforms your repository into a live website. Our documentation is beautifully formatted and accessible through your browser!
-
Click the link below to visit our live documentation:
-
Browse tutorials using the interactive filtering system on the homepage
-
Navigate seamlessly between topics with our responsive, mobile-friendly design
- 📚 Comprehensive Java tutorials and guides
- 💡 Code examples and best practices
- 🎨 Clean, modern interface with easy navigation
- 📱 Fully responsive design for all devices
- Clean, Modern UI: Beautiful gradient header with clean card-based layout
- Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
- Java Focus: Dedicated to Java programming with comprehensive tutorials
- Easy to Extend: Simple structure to add new READMEs and languages
.
├── index.html # Main page
├── styles.css # All styling
├── script.js # JavaScript for filtering
├── README.md # This file
└── java/ # Java resources
├── basics.html
├── oops.html
└── collections.html
-
Create a new Java tutorial in the
java/folder -
Create an HTML file for your README:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Your Title</title> <link rel="stylesheet" href="../styles.css"> </head> <body> <article class="container"> <h1>Your Title</h1> <!-- Your README content here --> </article> </body> </html>
-
Add a card to
index.htmlin the.readme-griddiv:<div class="readme-card" data-lang="java"> <!-- Card content --> </div>
-
Initialize a Git repository (if not already done):
git init git add . git commit -m "Initial commit"
-
Create a GitHub repository:
- Go to GitHub and create a new repository
- Don't initialize with README (you already have files)
-
Push your code:
git remote add origin https://github.com/yourusername/your-repo-name.git git branch -M main git push -u origin main
-
Enable GitHub Pages:
- Go to your repository on GitHub
- Click on Settings
- Scroll down to Pages
- Under Source, select the
mainbranch and/ (root)folder - Click Save
-
Access your site:
- Your site will be available at:
https://yourusername.github.io/your-repo-name/
- Your site will be available at:
Edit the CSS variables in styles.css:
:root {
--primary-color: #2563eb; /* Main color */
--secondary-color: #1e40af; /* Secondary color */
--background: #f8fafc; /* Background color */
/* ... more variables */
}-
Add a new tab button in the navigation:
<button class="tab-btn" data-lang="golang">Go</button>
-
Add a new language badge style in
styles.css:.lang-badge.golang { background: #00add8; color: white; }
- HTML5: Semantic markup
- CSS3: Modern styling with CSS Grid and Flexbox
- JavaScript: Simple filtering functionality
- Font Awesome: Icons
Feel free to add more content and improve the design!
This project is open source and available under the MIT License.