https://waylonwalker.com/tags/subnautica/atom.xml 2023-03-19T00:00:00Z All posts with the tag "subnautica" Waylon Walker markata-go https://waylonwalker.com/steam/subnautica/ 2023-03-19T00:00:00Z 2023-03-19T00:00:00Z

Steam achievements and progress for Subnautica - 5.88% complete with 1/17 achievements unlocked.

<style> .game-header { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin: 30px 0; padding: 20px; background: #1a1a1a; border-radius: 12px; border: 1px solid #333; } .game-header img { width: 200px; height: auto; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); border: 1px solid #333; flex-shrink: 0; } .game-info { flex: 1; } .game-info h1 { margin: 0 0 15px 0; color: #fff; font-size: 2em; } .game-info p { margin: 0 0 15px 0; color: #ccc; line-height: 1.5; } .game-info .developers { font-size: 0.9em; color: #999; } .game-links { margin-top: 20px; } .game-links a { display: inline-block; margin-right: 15px; padding: 8px 12px; background: #2a2a2a; color: #fff; text-decoration: none; border-radius: 6px; font-size: 0.9em; transition: background-color 0.2s ease; } .game-links a:hover { background: #3a3a3a; color: #4caf50; } .steam-game-progress { background: #1a1a1a; border-radius: 8px; padding: 20px; margin: 20px 0; border: 1px solid #333; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 20px 0; } .stat-card { background: #2a2a2a; padding: 20px; border-radius: 8px; text-align: center; border: 1px solid #444; } .stat-card h3 { margin: 0 0 15px 0; color: #4caf50; font-size: 1.1em; } .stat-value { font-size: 2em; font-weight: bold; color: #fff; margin: 10px 0; } .stat-card p { margin: 10px 0 0 0; color: #ccc; font-size: 0.9em; } .progress-bar { width: 100%; height: 24px; background: #2a2a2a; border-radius: 12px; overflow: hidden; margin: 10px 0; position: relative; } .progress-fill { height: 100%; background: linear-gradient(90deg, #4caf50, #8bc34a); border-radius: 12px; transition: width 0.3s ease; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px; } .achievements-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); gap: 8px; margin: 20px 0; } .achievement-item { position: relative; text-align: center; cursor: pointer; transition: transform 0.2s ease; } .achievement-item:hover { transform: scale(1.1); z-index: 10; } .achievement-icon-wrapper { } .achievement-icon { margin:0; padding:0; border-radius: 6px; border: 2px solid #444; transition: border-color 0.2s ease; } .achievement-item.unlocked .achievement-icon { border-color: #4caf50; box-shadow: 0 0 10px rgba(76, 175, 80, 0.3); } .achievement-item.locked .achievement-icon { filter: grayscale(100%); opacity: 0.6; } .achievement-tooltip { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.95); color: white; padding: 8px 12px; border-radius: 6px; font-size: 12px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; z-index: 100; margin-bottom: 5px; max-width: 200px; white-space: normal; text-align: center; } .achievement-item:hover .achievement-tooltip { opacity: 1; } .achievement-section { background: #1a1a1a; border-radius: 8px; padding: 20px; margin: 20px 0; border: 1px solid #333; } .achievement-section h2 { margin-top: 0; color: #fff; } </style> <div class="game-header"> <a href="https://cdn.akamai.steamstatic.com/steam/apps/264710/library_600x900.jpg" class="glightbox-link"><img class="glightbox" src="https://cdn.akamai.steamstatic.com/steam/apps/264710/library_600x900.jpg" alt="Subnautica box art" loading="lazy" onerror="this.src=&#39;https://cdn.akamai.steamstatic.com/steam/apps/264710/header.jpg&#39;"/ data-glightbox="description: Subnautica box art"></a> <div class="game-info"> <h1>Subnautica</h1> </div> </div> <div class="steam-game-progress"> <h2> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"></path> </svg> Game Progress &amp; Stats</h2> <div class="stats-grid"> <div class="stat-card"> <h3 id="achievements">Achievements <a href="#achievements" class="heading-anchor">#</a></h3> <div class="progress-bar"> <div class="progress-fill" style="width: 5.88%"> 5.88% </div> </div> <p>1/17 Unlocked</p> </div> <div class="stat-card"> <h3 id="playtime">Playtime <a href="#playtime" class="heading-anchor">#</a></h3> <div class="stat-value">4.6h</div> <p>Total hours played</p> </div> <div class="stat-card"> <h3 id="last-played">Last Played <a href="#last-played" class="heading-anchor">#</a></h3> <div class="stat-value">2023-03-19</div> <p>Most recent session</p> </div> </div> </div> <div class="achievement-section"> <h2> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0"></path> </svg> Unlocked Achievements (1)</h2> <div class="achievements-grid"> <div class="achievement-item unlocked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/89b61cdeb0e1b6d22532245ce394f00d0a4277e1.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/89b61cdeb0e1b6d22532245ce394f00d0a4277e1.jpg" alt="Getting Your Feet Wet" class="achievement-icon glightbox"/ data-glightbox="description: Getting Your Feet Wet"></a> </span> <div class="achievement-tooltip"> <strong>Getting Your Feet Wet</strong><br/> No description<br/> <small>Unlocked: December 02, 2022</small> </div> </div> </div> </div> <div class="achievement-section"> <h2> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path> </svg> <p>Locked Achievements (16)</p></h2><p></p> <div class="achievements-grid"> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Extinction Event Avoided" class="achievement-icon glightbox"/ data-glightbox="description: Extinction Event Avoided"></a> </span> <div class="achievement-tooltip"> <strong>Extinction Event Avoided</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Ancient Technologies" class="achievement-icon glightbox"/ data-glightbox="description: Ancient Technologies"></a> </span> <div class="achievement-tooltip"> <strong>Ancient Technologies</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Thermal Activity" class="achievement-icon glightbox"/ data-glightbox="description: Thermal Activity"></a> </span> <div class="achievement-tooltip"> <strong>Thermal Activity</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Follow the Lost River" class="achievement-icon glightbox"/ data-glightbox="description: Follow the Lost River"></a> </span> <div class="achievement-tooltip"> <strong>Follow the Lost River</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Fourteen Thousand Leagues Under the Sea" class="achievement-icon glightbox"/ data-glightbox="description: Fourteen Thousand Leagues Under the Sea"></a> </span> <div class="achievement-tooltip"> <strong>Fourteen Thousand Leagues Under the Sea</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Optimal Health" class="achievement-icon glightbox"/ data-glightbox="description: Optimal Health"></a> </span> <div class="achievement-tooltip"> <strong>Optimal Health</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Leave Only Time Capsules" class="achievement-icon glightbox"/ data-glightbox="description: Leave Only Time Capsules"></a> </span> <div class="achievement-tooltip"> <strong>Leave Only Time Capsules</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Seaside Living with an Ocean View" class="achievement-icon glightbox"/ data-glightbox="description: Seaside Living with an Ocean View"></a> </span> <div class="achievement-tooltip"> <strong>Seaside Living with an Ocean View</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Follow the Degasi" class="achievement-icon glightbox"/ data-glightbox="description: Follow the Degasi"></a> </span> <div class="achievement-tooltip"> <strong>Follow the Degasi</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Seamonsters" class="achievement-icon glightbox"/ data-glightbox="description: Seamonsters"></a> </span> <div class="achievement-tooltip"> <strong>Seamonsters</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Settling in for the Long Haul" class="achievement-icon glightbox"/ data-glightbox="description: Settling in for the Long Haul"></a> </span> <div class="achievement-tooltip"> <strong>Settling in for the Long Haul</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Personal Propulsion" class="achievement-icon glightbox"/ data-glightbox="description: Personal Propulsion"></a> </span> <div class="achievement-tooltip"> <strong>Personal Propulsion</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="40-foot Sub For One" class="achievement-icon glightbox"/ data-glightbox="description: 40-foot Sub For One"></a> </span> <div class="achievement-tooltip"> <strong>40-foot Sub For One</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Ordered the Prawn" class="achievement-icon glightbox"/ data-glightbox="description: Ordered the Prawn"></a> </span> <div class="achievement-tooltip"> <strong>Ordered the Prawn</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="Go Among the Stars" class="achievement-icon glightbox"/ data-glightbox="description: Go Among the Stars"></a> </span> <div class="achievement-tooltip"> <strong>Go Among the Stars</strong><br/> No description </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/264710/680214ffd7727865ea404b897aecbc0f667a9377.jpg" alt="" man's="" best="" friend""="" class="achievement-icon glightbox"/ data-glightbox="description: "></a> </span> <div class="achievement-tooltip"> <strong>&#34;Man&#39;s Best Friend&#34;</strong><br/> No description </div> </div> </div> </div> <hr/> <p><em>Game data automatically imported from Steam. Achievement links will be created as individual posts when achievements are unlocked.</em></p> Waylon Walker hello@waylonwalker.com https://waylonwalker.com