modified: static/css/styles.css
modified: templates/index.html modified: templates/minecraft.html
This commit is contained in:
SimolZimol
@@ -100,6 +100,20 @@ section { scroll-margin-top: 80px; }
|
|||||||
.stat-item { background:#141414; border:1px solid #222; border-radius:12px; padding: 1.25rem; text-align:center; }
|
.stat-item { background:#141414; border:1px solid #222; border-radius:12px; padding: 1.25rem; text-align:center; }
|
||||||
.stat-number { font-size:1.4rem; color:#00d4ff; font-weight:800; }
|
.stat-number { font-size:1.4rem; color:#00d4ff; font-weight:800; }
|
||||||
.stat-label { color:#a7a7a7; font-size:.9rem; }
|
.stat-label { color:#a7a7a7; font-size:.9rem; }
|
||||||
|
|
||||||
|
/* Community Section */
|
||||||
|
.community-section { padding: 80px 0; background:#0a0a1a; }
|
||||||
|
.community-section h2 { color:#fff; text-align:center; margin-bottom:.5rem; }
|
||||||
|
.community-section .section-subtitle { text-align:center; color:#9b9b9b; margin-bottom:2.5rem; }
|
||||||
|
.community-content { display:grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap:2rem; }
|
||||||
|
.community-card { background:rgba(255,255,255,0.03); border:1px solid rgba(0,212,255,0.2); border-radius:16px; padding:2rem; }
|
||||||
|
.community-icon { width:60px; height:60px; border-radius:12px; background:linear-gradient(135deg, #ff0000 0%, #cc0000 100%); display:flex; align-items:center; justify-content:center; font-size:1.75rem; color:#fff; margin-bottom:1rem; }
|
||||||
|
.community-card h3 { color:#fff; font-size:1.4rem; margin-bottom:.5rem; }
|
||||||
|
.timeline-badge { color:#00d4ff; font-size:.9rem; font-weight:600; margin-bottom:.75rem; display:inline-block; }
|
||||||
|
.community-card p { color:#e0e0e0; line-height:1.7; margin-bottom:.75rem; }
|
||||||
|
.community-card a { color:#00d4ff; text-decoration:none; transition:color 0.3s ease; }
|
||||||
|
.community-card a:hover { color:#00a8e6; text-decoration:underline; }
|
||||||
|
|
||||||
.cta { padding: 80px 0; background: linear-gradient(135deg,#0c0c0c,#121a24); }
|
.cta { padding: 80px 0; background: linear-gradient(135deg,#0c0c0c,#121a24); }
|
||||||
.cta-content { text-align:center; }
|
.cta-content { text-align:center; }
|
||||||
.cta h2 { color:#fff; font-size:2rem; margin-bottom:.5rem; }
|
.cta h2 { color:#fff; font-size:2rem; margin-bottom:.5rem; }
|
||||||
|
|||||||
@@ -140,12 +140,39 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- Server Hosting & Sponsoring Section -->
|
||||||
|
<section id="hosting" class="community-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Server Hosting & Sponsoring</h2>
|
||||||
|
<p class="section-subtitle">Long-term partnerships with gaming communities</p>
|
||||||
|
|
||||||
|
<div class="community-content">
|
||||||
|
<div class="community-card">
|
||||||
|
<div class="community-icon">
|
||||||
|
<i class="fab fa-youtube"></i>
|
||||||
|
</div>
|
||||||
|
<h3>Ludi et Historia Partnership</h3>
|
||||||
|
<p class="timeline-badge">Since August 2020</p>
|
||||||
|
<p>Dedicated Minecraft server infrastructure and custom plugin development for <a href="https://youtube.fandom.com/wiki/Ludi_et_Historia" target="_blank" style="color: #00d4ff;">Ludi et Historia</a>, a gaming YouTube channel. Providing reliable hosting and technical support for their community.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="community-card">
|
||||||
|
<div class="community-icon">
|
||||||
|
<i class="fas fa-handshake"></i>
|
||||||
|
</div>
|
||||||
|
<h3>Content Creator Support</h3>
|
||||||
|
<p>Working with content creators and gaming communities to provide server infrastructure, custom plugin solutions, and ongoing technical support. If you're interested in collaboration, feel free to reach out.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Call to Action Section -->
|
<!-- Call to Action Section -->
|
||||||
<section id="cta" class="cta">
|
<section id="cta" class="cta">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="cta-content">
|
<div class="cta-content">
|
||||||
<h2>Ready to Collaborate?</h2>
|
<h2>Ready to Collaborate?</h2>
|
||||||
<p>Whether you need a custom Minecraft plugin, Discord bot, or full-stack solution, I'm here to help bring your ideas to life.</p>
|
<p>Whether you have a project idea, need custom plugin development, or want to discuss technical solutions, feel free to get in touch.</p>
|
||||||
<div class="cta-buttons">
|
<div class="cta-buttons">
|
||||||
<a href="{{ url_for('contact') }}" class="btn btn-primary">Get In Touch</a>
|
<a href="{{ url_for('contact') }}" class="btn btn-primary">Get In Touch</a>
|
||||||
<a href="{{ url_for('minecraft') }}" class="btn btn-secondary">Explore Minecraft Projects</a>
|
<a href="{{ url_for('minecraft') }}" class="btn btn-secondary">Explore Minecraft Projects</a>
|
||||||
|
|||||||
@@ -254,92 +254,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Hosting & Sponsoring Section -->
|
|
||||||
<section class="hosting-section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header">
|
|
||||||
<h2>Server Hosting & Sponsoring</h2>
|
|
||||||
<p>Supporting gaming communities with server infrastructure and technical expertise</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hosting-grid">
|
|
||||||
<div class="hosting-main">
|
|
||||||
<div class="hosting-feature-card">
|
|
||||||
<div class="hosting-icon">
|
|
||||||
<i class="fab fa-youtube"></i>
|
|
||||||
</div>
|
|
||||||
<h3>Active Partnership: Ludi et Historia</h3>
|
|
||||||
<p class="hosting-subtitle">Since August 2020</p>
|
|
||||||
<p>I actively support <a href="https://youtube.fandom.com/wiki/Ludi_et_Historia" target="_blank" style="color: #00d4ff;">Ludi et Historia</a>, a YouTube channel focused on gaming content, by providing and managing game servers for their community.</p>
|
|
||||||
|
|
||||||
<div class="supported-games">
|
|
||||||
<h4>Supported Games:</h4>
|
|
||||||
<div class="game-tags">
|
|
||||||
<span class="game-tag"><i class="fas fa-cube"></i> Minecraft</span>
|
|
||||||
<span class="game-tag"><i class="fas fa-gamepad"></i> Valheim</span>
|
|
||||||
<span class="game-tag"><i class="fas fa-gamepad"></i> 7 Days to Die</span>
|
|
||||||
<span class="game-tag"><i class="fas fa-gamepad"></i> ARK</span>
|
|
||||||
<span class="game-tag"><i class="fas fa-ellipsis-h"></i> And more</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hosting-features">
|
|
||||||
<div class="feature-item">
|
|
||||||
<i class="fas fa-server"></i>
|
|
||||||
<span>Professional server infrastructure</span>
|
|
||||||
</div>
|
|
||||||
<div class="feature-item">
|
|
||||||
<i class="fas fa-headset"></i>
|
|
||||||
<span>24/7 technical support</span>
|
|
||||||
</div>
|
|
||||||
<div class="feature-item">
|
|
||||||
<i class="fas fa-cogs"></i>
|
|
||||||
<span>Custom configurations & plugins</span>
|
|
||||||
</div>
|
|
||||||
<div class="feature-item">
|
|
||||||
<i class="fas fa-shield-alt"></i>
|
|
||||||
<span>Server security & backups</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hosting-sidebar">
|
|
||||||
<div class="hosting-info-card">
|
|
||||||
<h3><i class="fas fa-users"></i> Community Support</h3>
|
|
||||||
<p>Over the years, I've supported various small content creators and gaming communities with server hosting and technical assistance.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hosting-info-card">
|
|
||||||
<h3><i class="fas fa-handshake"></i> Looking for Server Help?</h3>
|
|
||||||
<p>If you're a content creator or community leader in need of server infrastructure or technical support, feel free to reach out!</p>
|
|
||||||
<a href="{{ url_for('contact') }}" class="hosting-contact-btn">
|
|
||||||
<i class="fas fa-envelope"></i> Get in Touch
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hosting-info-card">
|
|
||||||
<h3><i class="fas fa-rocket"></i> What I Offer</h3>
|
|
||||||
<ul class="hosting-offers">
|
|
||||||
<li><i class="fas fa-check"></i> Game server setup & hosting</li>
|
|
||||||
<li><i class="fas fa-check"></i> Custom plugin development</li>
|
|
||||||
<li><i class="fas fa-check"></i> Server optimization</li>
|
|
||||||
<li><i class="fas fa-check"></i> Technical consulting</li>
|
|
||||||
<li><i class="fas fa-check"></i> Long-term partnerships</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Call to Action -->
|
<!-- Call to Action -->
|
||||||
<section class="minecraft-cta-section">
|
<section class="minecraft-cta-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="cta-box">
|
<div class="cta-box">
|
||||||
<div class="cta-content">
|
<div class="cta-content">
|
||||||
<h2>Need a Custom Minecraft Plugin or Server Support?</h2>
|
<h2>Got a Plugin Idea?</h2>
|
||||||
<p>Let's discuss your project requirements and create something amazing for your server</p>
|
<p>Feel free to reach out if you have an idea or need help with something!</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="cta-actions">
|
<div class="cta-actions">
|
||||||
<a href="{{ url_for('contact') }}" class="btn btn-primary">
|
<a href="{{ url_for('contact') }}" class="btn btn-primary">
|
||||||
@@ -896,191 +817,6 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hosting & Sponsoring Section */
|
|
||||||
.hosting-section {
|
|
||||||
padding: 80px 0;
|
|
||||||
background: #0a0a1a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1.5fr 1fr;
|
|
||||||
gap: 2rem;
|
|
||||||
margin-top: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-feature-card {
|
|
||||||
background: rgba(255, 255, 255, 0.03);
|
|
||||||
border: 1px solid rgba(0, 212, 255, 0.2);
|
|
||||||
border-radius: 16px;
|
|
||||||
padding: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-icon {
|
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
|
||||||
border-radius: 14px;
|
|
||||||
background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
font-size: 2rem;
|
|
||||||
color: #ffffff;
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-feature-card h3 {
|
|
||||||
font-size: 1.8rem;
|
|
||||||
color: #ffffff;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-subtitle {
|
|
||||||
color: #00d4ff;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-feature-card > p {
|
|
||||||
color: #e0e0e0;
|
|
||||||
line-height: 1.7;
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-feature-card a {
|
|
||||||
color: #00d4ff;
|
|
||||||
text-decoration: none;
|
|
||||||
transition: color 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-feature-card a:hover {
|
|
||||||
color: #00a8e6;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.supported-games {
|
|
||||||
margin: 2rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.supported-games h4 {
|
|
||||||
color: #ffffff;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.game-tags {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.game-tag {
|
|
||||||
background: rgba(0, 212, 255, 0.1);
|
|
||||||
border: 1px solid rgba(0, 212, 255, 0.3);
|
|
||||||
color: #00d4ff;
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 20px;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
font-weight: 500;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-features {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
gap: 1rem;
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.75rem;
|
|
||||||
color: #e0e0e0;
|
|
||||||
font-size: 0.95rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-item i {
|
|
||||||
color: #00d4ff;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-sidebar {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-info-card {
|
|
||||||
background: rgba(255, 255, 255, 0.03);
|
|
||||||
border: 1px solid rgba(0, 212, 255, 0.2);
|
|
||||||
border-radius: 16px;
|
|
||||||
padding: 1.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-info-card h3 {
|
|
||||||
color: #ffffff;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-info-card h3 i {
|
|
||||||
color: #00d4ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-info-card p {
|
|
||||||
color: #e0e0e0;
|
|
||||||
line-height: 1.6;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-contact-btn {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.5rem;
|
|
||||||
background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
|
|
||||||
color: #ffffff;
|
|
||||||
padding: 0.75rem 1.5rem;
|
|
||||||
border-radius: 8px;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: 600;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
margin-top: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-contact-btn:hover {
|
|
||||||
background: linear-gradient(135deg, #00a8e6 0%, #007aa3 100%);
|
|
||||||
transform: translateY(-2px);
|
|
||||||
box-shadow: 0 5px 20px rgba(0, 212, 255, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-offers {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-offers li {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.75rem;
|
|
||||||
color: #e0e0e0;
|
|
||||||
font-size: 0.95rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hosting-offers i {
|
|
||||||
color: #00d4ff;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
padding: 0.875rem 1.75rem;
|
padding: 0.875rem 1.75rem;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
@@ -1123,10 +859,6 @@
|
|||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
gap: 3rem;
|
gap: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hosting-grid {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
@@ -1158,10 +890,6 @@
|
|||||||
.cta-actions {
|
.cta-actions {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hosting-features {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
@@ -1181,14 +909,6 @@
|
|||||||
.section-header h2 {
|
.section-header h2 {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hosting-feature-card {
|
|
||||||
padding: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.game-tags {
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
Reference in New Issue
Block a user