Skip to content

Commit

Permalink
sssa
Browse files Browse the repository at this point in the history 
Signed-off-by: Gregory <[email protected]>
  • Loading branch information
@tajemniktv
tajemniktv committed Oct 30, 2024
1 parent 4c15065 commit 1d4c551
Showing 1 changed file with 101 additions and 94 deletions.
195 changes: 101 additions & 94 deletions site/features.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,121 +35,128 @@ <h1>Features & Enhancements</h1>
</div>
</header>

<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">
<img alt="Lighting Icon" src="/api/placeholder/60/60">
<main>
<section class="features-grid">
<div class="feature-card">
<div class="feature-icon">
<img alt="Lighting Icon" src="/api/placeholder/60/60">
</div>
<h3>Enhanced Global Illumination</h3>
<p>Experience realistic light bouncing and ambient lighting that brings your factory spaces to life with
natural-looking illumination.</p>
<a class="feature-detail" href="#">Learn more →</a>
</div>
<h3>Enhanced Global Illumination</h3>
<p>Experience realistic light bouncing and ambient lighting that brings your factory spaces to life with
natural-looking illumination.</p>
<a class="feature-detail" href="#">Learn more →</a>
</div>

<div class="feature-card">
<div class="feature-icon">
<img alt="Shadows Icon" src="/api/placeholder/60/60">
<div class="feature-card">
<div class="feature-icon">
<img alt="Shadows Icon" src="/api/placeholder/60/60">
</div>
<h3>Dynamic Shadows</h3>
<p>Enjoy crisp, realistic shadows with improved filtering and accurate contact shadows that ground objects
in their environment.</p>
<a class="feature-detail" href="#">Learn more →</a>
</div>
<h3>Dynamic Shadows</h3>
<p>Enjoy crisp, realistic shadows with improved filtering and accurate contact shadows that ground objects in
their environment.</p>
<a class="feature-detail" href="#">Learn more →</a>
</div>

<div class="feature-card">
<div class="feature-icon">
<img alt="Effects Icon" src="/api/placeholder/60/60">
</div>
<h3>Volumetric Effects</h3>
<p>Immerse yourself in atmospheric fog, enhanced particle systems, and realistic environmental effects that add
depth to every scene.</p>
<a class="feature-detail" href="#">Learn more →</a>
</div>
</div>
<section class="comparison-section">
<div class="comparison-container">
<div class="comparison-header">
<h2>Before & After</h2>
<p>See the dramatic difference TGO makes to your game's visuals with these direct comparisons.</p>
<div class="feature-card">
<div class="feature-icon">
<img alt="Effects Icon" src="/api/placeholder/60/60">
</div>
<h3>Volumetric Effects</h3>
<p>Immerse yourself in atmospheric fog, enhanced particle systems, and realistic environmental effects that
add depth to every scene.</p>
<a class="feature-detail" href="#">Learn more →</a>
</div>
</section>

<div class="comparison-grid">
<div class="comparison-item">
<img alt="Vanilla Graphics" src="/api/placeholder/600/400">
<div class="comparison-label">Vanilla</div>
<section class="comparison-section">
<div class="comparison-container">
<div class="comparison-header">
<h2>Before & After</h2>
<p>See the dramatic difference TGO makes to your game's visuals with these direct comparisons.</p>
</div>
<div class="comparison-item">
<img alt="TGO Enhanced" src="/api/placeholder/600/400">
<div class="comparison-label">With TGO</div>

<div class="comparison-grid">
<div class="comparison-item">
<img alt="Vanilla Graphics" src="/api/placeholder/600/400">
<div class="comparison-label">Vanilla</div>
</div>
<div class="comparison-item">
<img alt="TGO Enhanced" src="/api/placeholder/600/400">
<div class="comparison-label">With TGO</div>
</div>
</div>
</div>
</div>
</section>
</section>

<section class="performance-section">
<div class="performance-header">
<h2>Performance Optimized</h2>
<p>We've carefully balanced visual quality with performance to ensure smooth gameplay across a wide range of
systems.</p>
</div>

<div class="performance-cards">
<div class="performance-card">
<div class="performance-stat">95%</div>
<div class="performance-label">Performance Retained</div>
</div>
<div class="performance-card">
<div class="performance-stat">&lt;5ms</div>
<div class="performance-label">Average Overhead</div>
<section class="performance-section">
<div class="performance-header">
<h2>Performance Optimized</h2>
<p>We've carefully balanced visual quality with performance to ensure smooth gameplay across a wide range of
systems.</p>
</div>
<div class="performance-card">
<div class="performance-stat">100%</div>
<div class="performance-label">Compatible with DLSS</div>
</div>
</div>

<div class="optimization-list">
<div class="optimization-item">
<div class="optimization-icon">
<img alt="GPU Icon" src="/api/placeholder/40/40">
</div>
<div class="optimization-text">
<h4>GPU Memory Optimization</h4>
<p>Efficient texture and shader management to minimize VRAM usage while maintaining quality.</p>
<div class="performance-cards">
<div class="performance-card">
<div class="performance-stat">95%</div>
<div class="performance-label">Performance Retained</div>
</div>
</div>
<div class="optimization-item">
<div class="optimization-icon">
<img alt="CPU Icon" src="/api/placeholder/40/40">
<div class="performance-card">
<div class="performance-stat">&lt;5ms</div>
<div class="performance-label">Average Overhead</div>
</div>
<div class="optimization-text">
<h4>CPU Performance</h4>
<p>Minimal CPU overhead ensures smooth gameplay even in large factory builds.</p>
<div class="performance-card">
<div class="performance-stat">100%</div>
<div class="performance-label">Compatible with DLSS</div>
</div>
</div>
<div class="optimization-item">
<div class="optimization-icon">
<img alt="Settings Icon" src="/api/placeholder/40/40">

<div class="optimization-list">
<div class="optimization-item">
<div class="optimization-icon">
<img alt="GPU Icon" src="/api/placeholder/40/40">
</div>
<div class="optimization-text">
<h4>GPU Memory Optimization</h4>
<p>Efficient texture and shader management to minimize VRAM usage while maintaining quality.</p>
</div>
</div>
<div class="optimization-text">
<h4>Customizable Settings</h4>
<p>Fine-tune every feature to match your system's capabilities.</p>

<div class="optimization-item">
<div class="optimization-icon">
<img alt="CPU Icon" src="/api/placeholder/40/40">
</div>
<div class="optimization-text">
<h4>CPU Performance</h4>
<p>Minimal CPU overhead ensures smooth gameplay even in large factory builds.</p>
</div>
</div>

<div class="optimization-item">
<div class="optimization-icon">
<img alt="Settings Icon" src="/api/placeholder/40/40">
</div>
<div class="optimization-text">
<h4>Customizable Settings</h4>
<p>Fine-tune every feature to match your system's capabilities.</p>
</div>
</div>
</div>
</div>
</section>
</section>

<section class="cta-section">
<div class="cta-content">
<h2>Ready to Transform Your Game?</h2>
<p>Join thousands of players who have already enhanced their Satisfactory experience with TGO.</p>
<div class="cta-buttons">
<a class="cta-button cta-primary" href="#">Download Now</a>
<a class="cta-button cta-secondary" href="#">View Documentation</a>
<section class="cta-section">
<div class="cta-content">
<h2>Ready to Transform Your Game?</h2>
<p>Join thousands of players who have already enhanced their Satisfactory experience with TGO.</p>
<div class="cta-buttons">
<a class="cta-button cta-primary" href="#">Download Now</a>
<a class="cta-button cta-secondary" href="#">View Documentation</a>
</div>
</div>
</div>
</section>
</section>
</main>

<footer class="footer">
<p>© 2024 Taj's Graphical Overhaul. Not affiliated with Coffee Stain Studios.</p>
</footer>
</footer>
</body>
</html>

0 comments on commit 1d4c551

Please sign in to comment.