https://waylonwalker.com/tags/portal/atom.xml 2022-06-02T00:00:00Z All posts with the tag "portal" Waylon Walker markata-go https://waylonwalker.com/steam/portal/ 2022-06-02T00:00:00Z 2022-06-02T00:00:00Z

Steam achievements and progress for Portal - 26.67% complete with 4/15 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/400/library_600x900.jpg" class="glightbox-link"><img class="glightbox" src="https://cdn.akamai.steamstatic.com/steam/apps/400/library_600x900.jpg" alt="Portal box art" loading="lazy" onerror="this.src=&#39;https://cdn.akamai.steamstatic.com/steam/apps/400/header.jpg&#39;"/ data-glightbox="description: Portal box art"></a> <div class="game-info"> <h1>Portal</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: 26.67%"> 26.67% </div> </div> <p>4/15 Unlocked</p> </div> <div class="stat-card"> <h3 id="playtime">Playtime <a href="#playtime" class="heading-anchor">#</a></h3> <div class="stat-value">19.7h</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">2022-06-02</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 (4)</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/400/portal_getportalguns.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_getportalguns.jpg" alt="Lab Rat" class="achievement-icon glightbox"/ data-glightbox="description: Lab Rat"></a> </span> <div class="achievement-tooltip"> <strong>Lab Rat</strong><br/> Acquire the fully powered Aperture Science Handheld Portal Device.<br/> <small>Unlocked: March 16, 2022</small> </div> </div> <div class="achievement-item unlocked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_kill_companioncube.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_kill_companioncube.jpg" alt="Fratricide" class="achievement-icon glightbox"/ data-glightbox="description: Fratricide"></a> </span> <div class="achievement-tooltip"> <strong>Fratricide</strong><br/> Do whatever it takes to survive.<br/> <small>Unlocked: March 26, 2022</small> </div> </div> <div class="achievement-item unlocked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_escape_testchambers.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_escape_testchambers.jpg" alt="Partygoer" class="achievement-icon glightbox"/ data-glightbox="description: Partygoer"></a> </span> <div class="achievement-tooltip"> <strong>Partygoer</strong><br/> Make the correct party escort submission position decision.<br/> <small>Unlocked: May 31, 2022</small> </div> </div> <div class="achievement-item unlocked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_hit_turret_with_turret.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_hit_turret_with_turret.jpg" alt="Friendly Fire" class="achievement-icon glightbox"/ data-glightbox="description: Friendly Fire"></a> </span> <div class="achievement-tooltip"> <strong>Friendly Fire</strong><br/> Knock down a turret with another turret.<br/> <small>Unlocked: March 26, 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 (11)</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/400/portal_beat_game_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_beat_game_bw.jpg" alt="Heartbreaker" class="achievement-icon glightbox"/ data-glightbox="description: Heartbreaker"></a> </span> <div class="achievement-tooltip"> <strong>Heartbreaker</strong><br/> Complete Portal. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_infinitefall_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_infinitefall_bw.jpg" alt="Terminal Velocity" class="achievement-icon glightbox"/ data-glightbox="description: Terminal Velocity"></a> </span> <div class="achievement-tooltip"> <strong>Terminal Velocity</strong><br/> Fall 30,000 feet. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_longjump_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_longjump_bw.jpg" alt="Long Jump" class="achievement-icon glightbox"/ data-glightbox="description: Long Jump"></a> </span> <div class="achievement-tooltip"> <strong>Long Jump</strong><br/> Jump 300 feet. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_beat_2advancedmaps_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_beat_2advancedmaps_bw.jpg" alt="Cupcake" class="achievement-icon glightbox"/ data-glightbox="description: Cupcake"></a> </span> <div class="achievement-tooltip"> <strong>Cupcake</strong><br/> Beat two Portal advanced maps. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_beat_4advancedmaps_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_beat_4advancedmaps_bw.jpg" alt="Fruitcake" class="achievement-icon glightbox"/ data-glightbox="description: Fruitcake"></a> </span> <div class="achievement-tooltip"> <strong>Fruitcake</strong><br/> Beat four Portal advanced maps. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_beat_6advancedmaps_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_beat_6advancedmaps_bw.jpg" alt="Vanilla Crazy Cake" class="achievement-icon glightbox"/ data-glightbox="description: Vanilla Crazy Cake"></a> </span> <div class="achievement-tooltip"> <strong>Vanilla Crazy Cake</strong><br/> Beat all six Portal advanced maps. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_get_allbronze_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_get_allbronze_bw.jpg" alt="Basic Science" class="achievement-icon glightbox"/ data-glightbox="description: Basic Science"></a> </span> <div class="achievement-tooltip"> <strong>Basic Science</strong><br/> Earn bronze medals on all Portal challenges. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_get_allsilver_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_get_allsilver_bw.jpg" alt="Rocket Science" class="achievement-icon glightbox"/ data-glightbox="description: Rocket Science"></a> </span> <div class="achievement-tooltip"> <strong>Rocket Science</strong><br/> Earn silver medals on all Portal challenges. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_get_allgold_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_get_allgold_bw.jpg" alt="Aperture Science" class="achievement-icon glightbox"/ data-glightbox="description: Aperture Science"></a> </span> <div class="achievement-tooltip"> <strong>Aperture Science</strong><br/> Earn gold medals on all Portal challenges. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_detach_all_cameras_bw.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/portal_detach_all_cameras_bw.jpg" alt="Camera Shy" class="achievement-icon glightbox"/ data-glightbox="description: Camera Shy"></a> </span> <div class="achievement-tooltip"> <strong>Camera Shy</strong><br/> Detach security cameras from the walls. </div> </div> <div class="achievement-item locked"> <span class="achievement-icon-wrapper"> <a href="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/d3a7fbca2549d043955d33cb5eaf30259dcf41ac.jpg" class="glightbox-link"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/400/d3a7fbca2549d043955d33cb5eaf30259dcf41ac.jpg" alt="Transmission Received" class="achievement-icon glightbox"/ data-glightbox="description: Transmission Received"></a> </span> <div class="achievement-tooltip"> <strong>Transmission Received</strong><br/> ..? </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