Flex Splines - Longer Belts

<center><img src="https://github.com/DellAquila/Layout/raw/main/New/CABECALHO.png"></center><br/>
<style>
.multiplayer-banner {
background-color: #4caf50;
border-top: 4px solid #000;
border-bottom: 4px solid #000;
margin: 20px 0;
padding: 10px 0;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
width: 100%;
}
.multiplayer-text {
color: #ffffff !important;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 1.1rem;
text-shadow: 2px 2px 0px #000;
}
.multiplayer-sub {
background: #000;
color: #4caf50 !important;
padding: 2px 10px;
font-size: 0.8rem;
font-weight: bold;
text-transform: uppercase;
border: 2px solid #fff;
}
.thumb-icon {
font-size: 1.5rem;
filter: drop-shadow(2px 2px 0px #000);
}
</style>

<div class="multiplayer-banner">
<span class="thumb-icon">👍</span>
<div class="multiplayer-text">Multiplayer Compatible</div>
<div class="multiplayer-sub">Everyone!</div></div>
<!-- //------------------------------------------------------------ END MULTIPLAYER YES --->

<style>
.mod-container {
--sf-gold: #fa9549;
--sf-flex: #4fd1c5;
--sf-bg: #2d2d2d;
--sf-border: #000;
max-width: 850px;
margin: 20px auto;
background-color: var(--sf-bg);
color: #e0e0e0;
padding: 30px;
border: 4px solid var(--sf-border);
box-shadow: 10px 10px 0px var(--sf-border);
}
.mod-container h1 {
color: var(--sf-gold);
text-transform: uppercase;
text-align: center;
border-bottom: 3px double var(--sf-gold);
padding-bottom: 10px;
margin-bottom: 25px;
}
.mod-container .feature-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin: 20px 0;
}
.mod-container .feature-card {
background: #1a1a1a;
border-left: 4px solid var(--sf-flex);
padding: 12px;
font-size: 0.85rem;
}
.mod-container .warning-box {
background: #742a2a;
border: 2px solid #000;
padding: 15px;
margin: 20px 0;
font-size: 0.85rem;
}
.mod-container .info-box {
background: #252525;
border: 1px solid #444;
padding: 15px;
margin: 20px 0;
font-size: 0.85rem;
}
.mod-container .gallery-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-top: 20px;
}
.mod-container img {
width: 100%;
border: 4px solid #000;
display: block;
}
.fix-section {
background: #1a1a1a;
border: 2px dashed var(--sf-gold);
padding: 20px;
margin-top: 30px;
text-align: center;
}
</style>

<div class="mod-container">
<h1>Flex Splines</h1>
<p style="text-align:center;">Break the boundaries of vanilla construction! Build longer, tighter, and more complex logistics networks that snake through your factory with total freedom. This mod adds lenght to vanilla buildings and adds new flex buildings that can be in strange forms.</p>

<div class="feature-grid">
<div class="feature-card"><b>Extended Reach</b><br>Longer conveyors, pipes, tracks, hypertubes and powerlines.</div>
<div class="feature-card"><b>Custom Splines</b><br>Unlock unique building shapes via Hub milestones.</div>
<div class="feature-card"><b>Tight Spaces</b><br>Curvature freedom for compact, high-density layouts.</div>
<div class="feature-card"><b>Unlimited Flow</b><br>Defy standard gravity and placement restrictions.</div>
</div>

<div class="warning-box">
<b style="color:#fff; text-transform:uppercase; display:block; margin-bottom:5px;">⚠️ Build with Care</b>
Pushing splines to extreme lengths or curves can cause visual glitches or unexpected behavior due to game engine limitations. Use flex buildings when vanilla options won't suffice!
</div>

<div style="margin: 30px 0; text-align:center;">
<a href="https://youtu.be/ip__3qlhczU" target="_blank">
<img src="https://github.com/DellAquila/Layout/raw/main/Videos_Up.png" style="width:100%; border:none;">
<img src="http://img.youtube.com/vi/ip__3qlhczU/0.jpg">
<img src="https://github.com/DellAquila/Layout/raw/main/Videos_Down.png" style="width:100%; border:none;">
</a>
</div>

<div class="gallery-grid">
<img src="https://imgur.com/BjDNG6O.png">
<img src="https://imgur.com/m2eaGnb.png">
<img src="https://imgur.com/ZAkaE1c.png">
<img src="https://imgur.com/IyrMCN4.png">
</div>

<div class="fix-section">
<h3 style="color:var(--sf-gold); margin-top:0;">💡 Bright Hologram Solution</h3>
<p style="font-size:0.85rem; margin-bottom:15px;">If your belt holograms are too bright, adjust the luminance of the secondary color in your settings:</p>
<img src="https://i.imgur.com/zJKfJIu.png" style="margin-bottom:10px;">
<img src="https://i.imgur.com/Xzatlb1.png">
<p style="font-size:0.75rem; margin-top:10px; opacity:0.7;">(Thanks to Sevetamryn for the fix!)</p>
</div>

<div style="border-top: 1px solid #444; padding-top: 15px; font-size: 0.8rem; color: #aaa; margin-top:30px;">
<b>Credits:</b> Icons, UI, and Graphic advice from <a href="https://discord.gg/xkVJ73E" style="color:var(--sf-gold);">Deantendo: The UI guy!</a>
</div>

<p style="text-align:center; font-size:0.85rem; opacity:0.8; margin-top:25px;">
<i>Honest note: Your factory doesn't have to be a box. With Flex Splines, it can be a work of art!</i>
</p>
</div>

<!-- //------------------------------------------------------------ START FOOTER DONATIONS -->
<style>
.aquila-footer {
--sf-bg: #1a1a1a;
--sf-border: #000;
--sf-gold: #f2c94c;
--discord: #3b4e8d;
--patreon: #ff6058;
--steam: #f2f2f2;
--pix: #f2d600;
--paypal: #249ce2;
--youtube: #ff0000;
max-width: 850px;
margin: 40px auto;
background-color: var(--sf-bg);
padding: 30px;
border: 4px solid var(--sf-border);
border-top: 6px solid var(--sf-gold);
box-shadow: 10px 10px 0px var(--sf-border);
text-align: center;
}
.aquila-footer .btn-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 20px;
}
.aquila-footer .full-btn { grid-column: span 2; }
.aquila-footer .social-btn {
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
border: 3px solid #000;
box-shadow: 4px 4px 0px #000;
text-decoration: none;
transition: transform 0.1s;
}
.aquila-footer .social-btn:hover {
transform: translate(-2px, -2px);
box-shadow: 6px 6px 0px #000;
}
.aquila-footer .btn-text {
color: #ffffff !important;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9rem;
line-height: 1.2;
}
.aquila-footer .discord { background: var(--discord); }
.aquila-footer .patreon { background: var(--patreon); }
.aquila-footer .youtube { background: var(--youtube); }
.aquila-footer .steam { background: var(--steam); }
.aquila-footer .steam .btn-text { color: #d35400 !important; }
.aquila-footer .paypal { background: var(--paypal); }
.aquila-footer .sub-text {
display: block;
font-size: 0.65rem;
opacity: 0.9;
font-weight: normal;
margin-top: 4px;
text-transform: none;
}
.aquila-footer .footer-meta {
border-top: 1px solid #333;
margin-top: 20px;
padding-top: 15px;
}
</style>

<div class="aquila-footer">
<p style="margin-bottom: 25px; font-weight: bold; color: var(--sf-gold);">
♥ I'm having a lot of fun making these mods! I hope you're enjoying them more than they make you angry! :)
</p>

<div class="btn-container">
<a href="https://discord.gg/xkVJ73E" target="_blank" class="social-btn discord">
<div class="btn-text">
AQUILA INDUSTRIAL
<span class="sub-text">Found a bug? Have a wild idea? Join the Discord!</span>
</div>
</a>

<a href="https://store.steampowered.com/app/1958750/Hexfactory/" target="_blank" class="social-btn steam">
<div class="btn-text">
HEXFACTORY ON STEAM
<span class="sub-text" style="color:#000 !important">Check out the little game I built from scratch!</span>
</div>
</a>

<a href="https://www.patreon.com/AndreAquila" target="_blank" class="social-btn patreon">
<span class="btn-text">
BECOME A PATRON
<span class="sub-text">Fuel my coffee addiction so I can keep coding until 3 AM.</span>
</span>
</a>

<a href="https://www.paypal.com/donate?hosted_button_id=TD7ME2KYDMT7G" target="_blank" class="social-btn" style="background: var(--pix);">
<div class="btn-text" style="color:#000 !important;">
☕ BUY ME A COFFEE!
<span class="sub-text" style="font-weight: bold; color: #000 !important;">Support with $1 — it will make my day!</span>
</div>
</a>

<a href="https://www.youtube.com/@AndreAquila" target="_blank" class="social-btn youtube full-btn">
<span class="btn-text">
▶ SUBSCRIBE TO MY YOUTUBE CHANNEL
<span class="sub-text">See mod showcases, factory tours, and development updates!</span>
</span>
</a>

<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=U96NB4W469FR2&source=url" target="_blank" class="social-btn paypal full-btn">
<span class="btn-text">
Donate with PayPal
<span class="sub-text">Every bit helps keep the cpu humming and the updates coming. Thank you!</span>
</span>
</a>
</div>

<div class="footer-meta">
<p style="font-size: 0.75rem; color: #555; letter-spacing: 2px; margin-top: 5px; font-weight: bold;">
AQUILA INDUSTRIAL // EXTERNAL MODDING DIVISION
</p>
</div>
</div>