Skip to content

Commit 970af8d

Browse files
TheWildJamesTheWildJames
committed
Enhance website with device-specific responsive design and green theme
1 parent eb05164 commit 970af8d

4 files changed

Lines changed: 1013 additions & 718 deletions

File tree

‎.github/workflows/deploy.yml‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
name: Deploy Wild Kernels Website
2+
3+
on:
4+
push:
5+
branches: [ main ]
6+
pull_request:
7+
branches: [ main ]
8+
workflow_dispatch:
9+
10+
# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
11+
permissions:
12+
contents: read
13+
pages: write
14+
id-token: write
15+
16+
# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
17+
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
18+
concurrency:
19+
group: "pages"
20+
cancel-in-progress: false
21+
22+
jobs:
23+
# Build job
24+
build:
25+
runs-on: ubuntu-latest
26+
steps:
27+
- name: Checkout
28+
uses: actions/checkout@v4
29+
30+
- name: Setup Pages
31+
uses: actions/configure-pages@v4
32+
33+
- name: Prepare website files
34+
run: |
35+
mkdir -p _site
36+
cp index.html _site/
37+
cp style.css _site/
38+
cp script.js _site/
39+
40+
# Create a simple robots.txt
41+
echo "User-agent: *" > _site/robots.txt
42+
echo "Allow: /" >> _site/robots.txt
43+
44+
# Create a sitemap.xml
45+
cat > _site/sitemap.xml << EOF
46+
<?xml version="1.0" encoding="UTF-8"?>
47+
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
48+
<url>
49+
<loc>https://wildkernels.github.io/.github/</loc>
50+
<lastmod>$(date -I)</lastmod>
51+
<changefreq>weekly</changefreq>
52+
<priority>1.0</priority>
53+
</url>
54+
</urlset>
55+
EOF
56+
57+
- name: Upload artifact
58+
uses: actions/upload-pages-artifact@v3
59+
with:
60+
path: '_site'
61+
62+
# Deployment job
63+
deploy:
64+
environment:
65+
name: github-pages
66+
url: ${{ steps.deployment.outputs.page_url }}
67+
runs-on: ubuntu-latest
68+
needs: build
69+
steps:
70+
- name: Deploy to GitHub Pages
71+
id: deployment
72+
uses: actions/deploy-pages@v4

‎index.html‎

Lines changed: 81 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -7,70 +7,110 @@
77
<link rel="stylesheet" href="style.css">
88
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
99
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
10+
<script>
11+
// Device detection and adaptive loading
12+
const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth <= 768;
13+
document.documentElement.classList.add(isMobile ? 'mobile-device' : 'desktop-device');
14+
</script>
1015
</head>
1116
<body>
12-
<!-- Navigation -->
13-
<nav class="navbar">
17+
<div class="loading-screen">
18+
<div class="loader"></div>
19+
<p class="loading-text">Loading Wild Kernels...</p>
20+
</div>
21+
22+
<!-- Desktop Navigation -->
23+
<nav class="navbar desktop-nav">
1424
<div class="nav-container">
1525
<div class="nav-logo">
16-
<i class="fas fa-leaf"></i>
26+
<i class="fas fa-seedling"></i>
1727
<span>Wild Kernels</span>
1828
</div>
1929
<ul class="nav-menu">
20-
<li><a href="#home">Home</a></li>
21-
<li><a href="#kernels">Kernels</a></li>
22-
<li><a href="#features">Features</a></li>
23-
<li><a href="#team">Team</a></li>
24-
<li><a href="#contact">Contact</a></li>
30+
<li><a href="#home" class="nav-link">Home</a></li>
31+
<li><a href="#kernels" class="nav-link">Kernels</a></li>
32+
<li><a href="#features" class="nav-link">Features</a></li>
33+
<li><a href="#team" class="nav-link">Team</a></li>
34+
<li><a href="#contact" class="nav-link">Contact</a></li>
2535
</ul>
36+
</div>
37+
</nav>
38+
39+
<!-- Mobile Navigation -->
40+
<nav class="navbar mobile-nav">
41+
<div class="nav-container">
42+
<div class="nav-logo">
43+
<i class="fas fa-seedling"></i>
44+
<span>Wild Kernels</span>
45+
</div>
2646
<div class="hamburger">
2747
<span></span>
2848
<span></span>
2949
<span></span>
3050
</div>
3151
</div>
52+
<ul class="mobile-menu">
53+
<li><a href="#home" class="nav-link">Home</a></li>
54+
<li><a href="#kernels" class="nav-link">Kernels</a></li>
55+
<li><a href="#features" class="nav-link">Features</a></li>
56+
<li><a href="#team" class="nav-link">Team</a></li>
57+
<li><a href="#contact" class="nav-link">Contact</a></li>
58+
</ul>
3259
</nav>
3360

3461
<!-- Hero Section -->
3562
<section id="home" class="hero">
36-
<div class="hero-container">
37-
<div class="hero-content">
38-
<h1 class="hero-title">
39-
<span class="gradient-text">Wild Kernels</span>
40-
<br>Premium Android Performance
41-
</h1>
42-
<p class="hero-description">
43-
Experience the ultimate in Android kernel performance with our carefully crafted,
44-
high-performance kernels featuring KernelSU and advanced security.
45-
</p>
46-
<div class="hero-buttons">
47-
<a href="#kernels" class="btn btn-primary">
48-
<i class="fas fa-download"></i>
49-
Download Kernels
50-
</a>
51-
<a href="https://github.com/WildKernels" class="btn btn-secondary">
52-
<i class="fab fa-github"></i>
53-
View on GitHub
54-
</a>
55-
</div>
63+
<!-- Desktop Hero -->
64+
<div class="hero-content desktop-hero">
65+
<div class="floating-card card-1">
66+
<i class="fas fa-microchip"></i>
67+
<span>Performance</span>
68+
</div>
69+
<div class="floating-card card-2">
70+
<i class="fas fa-shield-alt"></i>
71+
<span>Security</span>
72+
</div>
73+
<div class="floating-card card-3">
74+
<i class="fas fa-bolt"></i>
75+
<span>Speed</span>
5676
</div>
57-
<div class="hero-visual">
58-
<div class="floating-card">
59-
<i class="fas fa-microchip"></i>
60-
<h3>High Performance</h3>
61-
<p>Optimized for speed</p>
77+
<div class="floating-card card-4">
78+
<i class="fas fa-leaf"></i>
79+
<span>Organic</span>
80+
</div>
81+
82+
<h1>Wild Kernels</h1>
83+
<p>Premium Android kernels crafted with nature's precision for enhanced performance, security, and customization</p>
84+
<div class="hero-buttons">
85+
<a href="#kernels" class="btn btn-primary">Explore Kernels</a>
86+
<a href="https://github.com/WildKernels" class="btn btn-secondary">GitHub</a>
87+
</div>
88+
</div>
89+
90+
<!-- Mobile Hero -->
91+
<div class="hero-content mobile-hero">
92+
<div class="mobile-logo">
93+
<i class="fas fa-seedling"></i>
94+
</div>
95+
<h1>Wild Kernels</h1>
96+
<p>Premium Android kernels for your device</p>
97+
<div class="mobile-features">
98+
<div class="mobile-feature">
99+
<i class="fas fa-tachometer-alt"></i>
100+
<span>Fast</span>
62101
</div>
63-
<div class="floating-card">
64-
<i class="fas fa-shield-alt"></i>
65-
<h3>KernelSU Ready</h3>
66-
<p>Built-in root solution</p>
102+
<div class="mobile-feature">
103+
<i class="fas fa-lock"></i>
104+
<span>Secure</span>
67105
</div>
68-
<div class="floating-card">
69-
<i class="fas fa-leaf"></i>
70-
<h3>Battery Optimized</h3>
71-
<p>Extended battery life</p>
106+
<div class="mobile-feature">
107+
<i class="fas fa-cog"></i>
108+
<span>Custom</span>
72109
</div>
73110
</div>
111+
<div class="hero-buttons">
112+
<a href="#kernels" class="btn btn-primary">Get Started</a>
113+
</div>
74114
</div>
75115
</section>
76116

0 commit comments

Comments
 (0)