Skip to content

Tighten service-page density and refresh Dev Partner/Hosting information architecture #51

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
iaretechnician merged 1 commit into from
May 30, 2026
+52 −25
Merged

Tighten service-page density and refresh Dev Partner/Hosting information architecture #51

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 34 additions & 17 deletions assets/css/coreloop.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -579,7 +579,7 @@ body *[style*="color:#4cc9ff"] {
}

.service-section {
padding: 3.1rem 0;
padding: 2.35rem 0;
}

.service-section.alt {
Expand All @@ -589,20 +589,20 @@ body *[style*="color:#4cc9ff"] {
}

.service-section h2 {
margin-bottom: 0.9rem;
margin-bottom: 0.7rem;
}

.section-intro {
max-width: 900px;
color: #bfd4ec;
margin-bottom: 1rem;
margin-bottom: 0.75rem;
}

.service-actions {
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
margin-top: 1.2rem;
margin-top: 0.95rem;
}

.core-action {
Expand Down Expand Up @@ -653,7 +653,7 @@ body *[style*="color:#4cc9ff"] {
.three-column-stack {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.85rem;
gap: 0.75rem;
}

.service-card-grid.two-columns {
Expand All @@ -671,7 +671,7 @@ body *[style*="color:#4cc9ff"] {
background: linear-gradient(180deg, #0c1729, #0a1423);
border: 1px solid rgba(54, 243, 255, 0.2);
border-radius: 12px;
padding: 0.95rem;
padding: 0.82rem;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

Expand All @@ -688,6 +688,18 @@ body *[style*="color:#4cc9ff"] {
color: #c3d7ee;
}

.service-card-item p,
.benefit-item p,
.service-detail-card p {
margin-bottom: 0.55rem;
}

.service-card-item p:last-child,
.benefit-item p:last-child,
.service-detail-card p:last-child {
margin-bottom: 0;
}

.service-icon {
width: 44px;
height: 44px;
Expand All @@ -713,7 +725,7 @@ body *[style*="color:#4cc9ff"] {
background: linear-gradient(125deg, #08111f, #0a84ff);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.18);
padding: 1.8rem;
padding: 1.55rem;
}

.cta-block p {
Expand All @@ -736,8 +748,8 @@ body *[style*="color:#4cc9ff"] {
.ddd-partnership-grid {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
gap: 1rem;
align-items: start;
gap: 0.85rem;
align-items: center;
}

.ddd-subtitle {
Expand All @@ -747,11 +759,12 @@ body *[style*="color:#4cc9ff"] {

.ddd-copy {
color: #c6daee;
margin-bottom: 0.45rem;
}

.compact-copy {
display: grid;
gap: 0.5rem;
gap: 0.4rem;
}

.compact-copy p {
Expand All @@ -760,19 +773,23 @@ body *[style*="color:#4cc9ff"] {

.service-icon-list {
list-style: none;
margin: 0.8rem 0 0;
margin: 0.6rem 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem 0.85rem;
gap: 0.35rem 0.65rem;
}

.service-icon-list.single-column {
grid-template-columns: 1fr;
}

.service-icon-list li {
color: #d8eafe;
position: relative;
padding-left: 1.2rem;
margin: 0;
line-height: 1.5;
line-height: 1.38;
}

.service-icon-list li::before {
Expand All @@ -786,15 +803,15 @@ body *[style*="color:#4cc9ff"] {

.service-quote-list {
list-style: none;
margin: 0.8rem 0 0;
margin: 0.6rem 0 0;
padding: 0;
display: grid;
gap: 0.45rem;
gap: 0.35rem;
}

.service-quote-list li {
margin: 0;
padding: 0.55rem 0.7rem;
padding: 0.45rem 0.6rem;
border-radius: 8px;
background: rgba(12, 23, 41, 0.75);
border: 1px solid rgba(54, 243, 255, 0.2);
Expand Down Expand Up @@ -996,7 +1013,7 @@ body *[style*="color:#4cc9ff"] {
@media (max-width: 768px) {
.service-hero,
.service-section {
padding: 2.55rem 0;
padding: 2.05rem 0;
}

.service-actions {
Expand Down
16 changes: 9 additions & 7 deletions design-debug-deploy.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,11 +33,6 @@
<div class="container">
<h2>Your Team 🤝 Runlevel Systems</h2>
<div class="ddd-partnership-grid">
<article class="service-detail-card">
<p class="ddd-copy">You bring the vision, goals, project knowledge, and business requirements.</p>
<p class="ddd-copy">We bring technical expertise, development experience, deployment knowledge, troubleshooting skills, and infrastructure support.</p>
<p class="ddd-copy"><strong>Together we move the project forward.</strong></p>
</article>
<article class="ddd-team-visual">
<div class="team-link">
<div class="team-block">
Expand All @@ -49,6 +44,13 @@
</div>
</div>
</article>
<article class="service-detail-card">
<ul class="service-icon-list single-column">
<li>You bring the vision, goals, project knowledge, and business requirements.</li>
<li>We bring technical expertise, development experience, deployment knowledge, troubleshooting skills, and infrastructure support.</li>
<li><strong>Together we move the project forward.</strong></li>
</ul>
</article>
</div>
</div>
</section>
Expand All @@ -62,7 +64,7 @@
<p>Instead of managing tasks, notes, bugs, documentation, and technical requests across multiple disconnected platforms, Runlevel Tools provides a central hub for your project.</p>
<p>It combines planning, tracking, documentation, collaboration, and direct access to Runlevel Systems support.</p>
</div>
<div class="service-card-grid two-columns" style="margin-top: 1rem;">
<div class="service-card-grid">
<article class="service-card-item"><h3>Project Planning</h3><p>Track goals, milestones, features, and project requirements.</p></article>
<article class="service-card-item"><h3>Kanban Boards</h3><p>Organize development work using visual workflows.</p></article>
<article class="service-card-item"><h3>Issue Tracking</h3><p>Report bugs, request features, and track technical problems.</p></article>
Expand Down Expand Up @@ -93,7 +95,7 @@
</article>
<article class="service-card-item">
<h3>Request Help Directly In Workspace</h3>
<ul class="service-icon-list">
<ul class="service-icon-list single-column">
<li>Create a request.</li>
<li>Attach screenshots, notes, and details.</li>
<li>Keep support tied to project context.</li>
Expand Down
10 changes: 9 additions & 1 deletion gameserver-hosting.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,15 @@

<section class="service-section">
<div class="container">
<h2>Who Hosting Is For</h2>
<h2>Rent Through GameServers.World</h2>
<p class="section-intro">Get affordable, production-ready hosting for game communities, private groups, and multiplayer projects.</p>
<ul class="service-icon-list">
<li>Community hosting with reliable uptime</li>
<li>Modded server support for custom stacks</li>
<li>Help when setup and update issues appear</li>
<li>Simple path from launch to growth</li>
</ul>
<p class="service-card-subtitle mt-3">Who Hosting Is For</p>
<div class="service-card-grid two-columns">
<article class="service-card-item"><h3>Friend Groups</h3><p>Spin up a server for regular game nights without managing the hardware yourself.</p></article>
<article class="service-card-item"><h3>Gaming Communities</h3><p>Give your players a stable home base that can grow with your community.</p></article>
Expand Down
Loading