modified: static/css/styles.css
modified: templates/index.html modified: templates/minecraft.html
This commit is contained in:
SimolZimol
@@ -254,92 +254,13 @@
|
||||
</div>
|
||||
</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 -->
|
||||
<section class="minecraft-cta-section">
|
||||
<div class="container">
|
||||
<div class="cta-box">
|
||||
<div class="cta-content">
|
||||
<h2>Need a Custom Minecraft Plugin or Server Support?</h2>
|
||||
<p>Let's discuss your project requirements and create something amazing for your server</p>
|
||||
<h2>Got a Plugin Idea?</h2>
|
||||
<p>Feel free to reach out if you have an idea or need help with something!</p>
|
||||
</div>
|
||||
<div class="cta-actions">
|
||||
<a href="{{ url_for('contact') }}" class="btn btn-primary">
|
||||
@@ -896,191 +817,6 @@
|
||||
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 {
|
||||
padding: 0.875rem 1.75rem;
|
||||
border-radius: 8px;
|
||||
@@ -1123,10 +859,6 @@
|
||||
grid-template-columns: 1fr;
|
||||
gap: 3rem;
|
||||
}
|
||||
|
||||
.hosting-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@@ -1158,10 +890,6 @@
|
||||
.cta-actions {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hosting-features {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
@@ -1181,14 +909,6 @@
|
||||
.section-header h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.hosting-feature-card {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.game-tags {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user