https://epfl-rocket-team.netlify.app/

Scan ID:: db0b22b5-5309-40da-bf45-84ca584f7c61Finished
Submitted URL:: https://epfl-rocket-team.netlify.app/
Report Finished:: Nov 15, 2024, 19:52:10
Links · 16 found

The outgoing links identified from the page
Link	Text
https://example.com/index.xml	RSS
https://512kb.club/	Kev Quirk
https://gohugo.io/	Hugo
https://github.com/janraasch/hugo-bearblog/	Hugo Bear
https://themarkup.org/blacklight?url=clente.github.io/hugo-bearcub/	privacy
https://pagespeed.web.dev/report?url=https%3A%2F%2Fclente.github.io%2Fhugo-bearcub%2F	accessibility
https://github.com/clente/hugo-bearcub#secure	security
https://lente.dev/en	Caio lente
https://github.com/clente/hugo-bearcub	Bear Cub
https://inforweb.ch	inforweb.ch
JavaScript Variables · 3 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
Console log messages · 1 found

Messages logged to the web console
Type	Category	Log
error	network	URL https://example.com/images/favicon.png Text Failed to load resource: the server responded with a status of 404 ()
HTML

The raw HTML body of the page
<!DOCTYPE html><html lang="en-UK"><head>
	<meta name="generator" content="Hugo 0.123.7">
  <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="https://example.com/images/favicon.png">
<title>Home | EPFL Rocket Team</title>
<meta name="title" content="Home">
<meta name="description" content="Bear Cub Demo">
<meta name="author" content="">
<meta name="keywords" content="syntax,themes,css,emoji,html,markdown,privacy,shortcodes,text,">






  
  <meta property="og:title" content="Home">
<meta property="og:description" content="Bear Cub Demo">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/"><meta property="og:image" content="https://example.com/images/share.webp"><meta property="og:site_name" content="Bear Cub">
<meta property="fb:admins" content="0000000000">


  
  <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://example.com/images/share.webp"><meta name="twitter:title" content="Home">
<meta name="twitter:description" content="Bear Cub Demo">
<meta name="twitter:site" content="@example">


  
  <meta itemprop="name" content="Home">
<meta itemprop="description" content="Bear Cub Demo">

<meta name="referrer" content="no-referrer-when-downgrade">

  
  <link href="/original.min.css" rel="stylesheet">

  

  

  <link rel="alternate" type="application/rss+xml" href="https://example.com/index.xml" title="EPFL Rocket Team">
  
<style>
	body { margin: 0; }
	@font-face {
	    font-family: 'Aspekta';
	    src: url('fonts/Aspekta-50.ttf')  format('truetype'),  
		 url('fonts/Aspekta-100.ttf') format('truetype'), 
		 url('fonts/Aspekta-150.ttf')  format('truetype'), 
		 url('fonts/Aspekta-200.ttf')  format('truetype'), 
		 url('fonts/Aspekta-250.ttf')  format('truetype'), 
		 url('fonts/Aspekta-300.ttf')  format('truetype'), 
		 url('fonts/Aspekta-350.ttf')  format('truetype'), 
		 url('fonts/Aspekta-400.ttf')  format('truetype'), 
		 url('fonts/Aspekta-450.ttf')  format('truetype'), 
		 url('fonts/Aspekta-500.ttf')  format('truetype'), 
		 url('fonts/Aspekta-550.ttf')  format('truetype'), 
		 url('fonts/Aspekta-600.ttf')  format('truetype'), 
		 url('fonts/Aspekta-650.ttf')  format('truetype'), 
		 url('fonts/Aspekta-700.ttf')  format('truetype'), 
		 url('fonts/Aspekta-750.ttf')  format('truetype'), 
		 url('fonts/Aspekta-800.ttf')  format('truetype'), 
		 url('fonts/Aspekta-850.ttf')  format('truetype'), 
		 url('fonts/Aspekta-900.ttf')  format('truetype'), 
		 url('fonts/Aspekta-950.ttf')  format('truetype'), 
		 url('fonts/Aspekta-1000.ttf')  format('truetype'),
		 url('fonts/Aspekta-50.woff2')  format('woff'),  
		 url('fonts/Aspekta-100.woff2')  format('woff'),
		 url('fonts/Aspekta-150.woff2')  format('woff'), 
		 url('fonts/Aspekta-200.woff2')  format('woff'), 
		 url('fonts/Aspekta-250.woff2')  format('woff'), 
		 url('fonts/Aspekta-300.woff2')  format('woff'), 
		 url('fonts/Aspekta-350.woff2')  format('woff'), 
		 url('fonts/Aspekta-400.woff2')  format('woff'), 
		 url('fonts/Aspekta-450.woff2')  format('woff'), 
		 url('fonts/Aspekta-500.woff2')  format('woff'), 
		 url('fonts/Aspekta-550.woff2')  format('woff'), 
		 url('fonts/Aspekta-600.woff2')  format('woff'), 
		 url('fonts/Aspekta-650.woff2')  format('woff'), 
		 url('fonts/Aspekta-700.woff2')  format('woff'), 
		 url('fonts/Aspekta-750.woff2')  format('woff'), 
		 url('fonts/Aspekta-800.woff2')  format('woff'), 
		 url('fonts/Aspekta-850.woff2')  format('woff'), 
		 url('fonts/Aspekta-900.woff2')  format('woff'), 
		 url('fonts/Aspekta-950.woff2')  format('woff'), 
		 url('fonts/Aspekta-1000.woff2') format('woff');
	    font-display: swap;
	}
</style>
</head>

<body>
  <header>
      


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Header with Image and Navbar</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body, html {
            height: 100%;
            font-family: Arial, sans-serif;
        }

        .header {
            position: relative;
            width: 100%;
            height: calc(100vw * 9 / 16);  
            background-color: darkred;  
	    background-image: url("/images/landingPageRocket.webp");
        }

        .navbar {
            position: absolute;
            top: 0;
            right: 0;
            padding: 15px;
        }

        .navbar ul {
            list-style: none;
        }

        .navbar ul li {
            display: inline;
            margin-left: 20px;
        }

        .navbar ul li a {
            text-decoration: none;
            color: white;
            font-size: 18px;
            font-weight: bold;
        }
    </style>


    <header class="header">
        <nav class="navbar">
            <ul>
	    
		<li><a href="/">Home</a></li>
	    
		<li><a href="/blog/">Blog</a></li>
	    
	    <li><a href="https://example.com/index.xml">RSS</a></li>
	    
	    
	    
	      
	    

	    
	    
	      
	      <li><a href="/fr/">fr 🇫🇷</a></li>
	      
	    
            </ul>
        </nav>
    </header>
















  </header>
  <main id="main-content" style="max-width: 720px; margin: auto; padding: 20px;">
<h1 id="ᕦʕ-ᴥʔᕤ-bear-cub">ᕦʕ •ᴥ•ʔᕤ Bear Cub</h1>
<p>Today’s websites are bloated, slow, and full of scripts, ads, and trackers. This
became so commonplace that we lost all sense of perspective, to the point that
we now think multi-megabyte webpages are normal.</p>
<blockquote>
<p>The internet has become a bloated mess. Huge JavaScript libraries, countless
client-side queries and overly complex frontend frameworks are par for the
course these days.</p>
<p>— <a href="https://512kb.club/">Kev Quirk</a></p>
</blockquote>
<p>Let’s change this, one website at a time! <strong>Bear Cub</strong> is a
<a href="https://gohugo.io/">Hugo</a> theme based on <a href="https://github.com/janraasch/hugo-bearblog/">Hugo
Bear</a> that takes care of speed and
optimization, so you can focus on writing good content.</p>
<p>It is free, multilingual, optimized for search engines, no-nonsense, responsive,
light, and fast. Really fast.</p>
<p>When compared to its predecessor, <strong>Bear Cub</strong> has a few
<a href="https://themarkup.org/blacklight?url=clente.github.io/hugo-bearcub/">privacy</a>
and
<a href="https://pagespeed.web.dev/report?url=https%3A%2F%2Fclente.github.io%2Fhugo-bearcub%2F">accessibility</a>
upgrades. It’s also compatible with modern
<a href="https://github.com/clente/hugo-bearcub#secure">security</a> standards, so your
users don’t have to worry about browsing your website.</p>
<p>Made with 💟 by <a href="https://lente.dev/en">Caio lente</a>.</p>
<!-- raw HTML omitted -->


  </main>
  
    <style>

        * {
          box-sizing: border-box;
        }
    
        body {
          font-family: Arial, sans-serif;
          margin: 0;
          padding: 0;
          background-color: black;
        }
    
        .container {
          display: grid;
          grid-gap: 20px;
          margin: 20px;
        }
    
        .column {   
            background-color: white;       
            border-radius: 10px;
            padding: 20px;
            text-align: center;
            font-size: 16px;
            height: 20vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
         
    
         
        .container {
          grid-template-columns: repeat(4, 1fr);
        }
    
         
        @media (max-width: 1200px) {
          .container {
            grid-template-columns: repeat(4, 1fr);
          }
        }
    
         
        @media (max-width: 1024px) {
          .container {
            grid-template-columns: repeat(3, 1fr);
          }
        }
    
         
        @media (max-width: 900px) {
          .container {
            grid-template-columns: repeat(3, 1fr);
          }
        }
    
         
        @media (max-width: 768px) {
          .container {
            grid-template-columns: repeat(3, 1fr);
          }
        }
    
         
        @media (max-width: 600px) {
          .container {
            grid-template-columns: repeat(2, 1fr);
          }
        }
    
         
        @media (max-width: 420px) {
          .container {
            grid-template-columns: repeat(2, 1fr);
          }
        }

        .column img{
            max-width: 20vw;
            height: auto;           
        }
    
      </style>


    
  <div class="container">
    <div class="column"><img src="/images/EPFL.webp"></div>
    <div class="column"><img src="/images/apco.webp"></div>
    <div class="column"><img src="/images/KISTLER.webp"></div>
    <div class="column"><img src="/images/3DprecisionSA.webp"></div>
    <div class="column"><img src="/images/maxon.webp"></div>
    <div class="column"><img src="/images/CFturbo.webp"></div>
    <div class="column"><img src="/images/cadfem.webp"></div>
    <div class="column"><img src="/images/HeliAlps.webp"></div>
  </div>



  <footer><small>
  John Doe (CC BY 4.0) | Made with <a href="https://github.com/clente/hugo-bearcub">Bear Cub</a>
</small>

<div class="Footer" style="width: 100%; height: 571px; left: 0px; position: absolute">
  <div class="Frame66" style="right: 70px; top: 24px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
    <div class="Projects" style="color: #F6F6F6; font-size: 16px; font-family: Aspekta; font-weight: 600; text-transform: uppercase; line-height: 20px; word-wrap: break-word">PROJECTS</div>
    <div class="JoinUs" style="color: #F6F6F6; font-size: 16px; font-family: Aspekta; font-weight: 600; text-transform: uppercase; line-height: 20px; word-wrap: break-word">JOIN US</div>
    <div class="Sponsors" style="color: #F6F6F6; font-size: 16px; font-family: Aspekta; font-weight: 600; text-transform: uppercase; line-height: 20px; word-wrap: break-word">SPONSORS</div>
    <div class="About" style="color: #F6F6F6; font-size: 16px; font-family: Aspekta; font-weight: 600; text-transform: uppercase; line-height: 20px; word-wrap: break-word">ABOUT</div>
    <div class="Contact" style="color: #F6F6F6; font-size: 16px; font-family: Aspekta; font-weight: 600; text-transform: uppercase; line-height: 20px; word-wrap: break-word">CONTACT</div>
  </div>
  <div class="LogoVerticalFullW" style="width: 137px; height: 427px; top: 24px; position: absolute; flex-direction: column; justify-content: center; align-items: center; display: inline-flex">
    <img class="CopieDeErtLogoBlanc1" alt="EPFL Rocket Team Logo" style="width: 137px; height: 427px" src="/images/ERTwhite.webp">
  </div>

  

  <div class="footer" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 90%; margin: 0 auto; color: #f6f6f6; font-size: 16px; font-family: Aspekta; font-weight: 400; line-height: 20px; word-wrap: break-word; position: relative; top: 539px;">
    <div class="epfl-rocket-team" style="flex: 1 1 180px; margin: 4px; white-space: nowrap;">2024 EPFL Rocket Team</div>
    <div class="webmaster" style="flex: 1 1 160px; margin: 4px; white-space: nowrap;">Webmaster <a href="https://inforweb.ch">inforweb.ch</a></div>
    <div class="website-design" style="flex: 1 1 180px; margin: 4px; white-space: nowrap;">Design by <a href="https://fr.linkedin.com/in/marguerite-lorthiois-793913168">Marguerite Lorthiois</a></div>
    <div class="website-code" style="flex: 1 1 160px; margin: 4px; white-space: nowrap;">Code by Jordan Warne</div>
    <div class="privacy-policy" style="flex: 1 1 100px; margin: 4px; white-space: nowrap;">Privacy Policy</div>
    <div class="status" style="flex: 1 1 60px; margin: 4px; white-space: nowrap;">Status</div>
  </div>


  <div class="Frame117" style="left: 50%; transform: translateX(-50%); top: 24px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 124px; display: inline-flex; max-width: 90%">
    <div class="Frame116" style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex">
      <div class="Frame115" style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
        <div class="SubscribeToOurNewsletter" style="color: #F6F6F6; font-size: 35px; font-family: Aspekta; font-weight: 400; line-height: 50px; word-wrap: break-word">Subscribe to our newsletter</div>
        <div class="StayInTouchAndGetUpdatesOnWhatWeDo" style="color: #F6F6F6; font-size: 16px; font-family: Aspekta; font-weight: 400; line-height: 20px; word-wrap: break-word">Stay in touch and get updates on what we do</div>
      </div>
      <div class="Input" style="width: 100%; padding-bottom: 8px; border-bottom: 1px #F6F6F6 solid; justify-content: space-between; align-items: flex-start; display: inline-flex">
	  
	  
	 <form>
	     <input type="text" id="fname" name="fname" placeholder="YOUR EMAIL" style="width: 355px; color: #A6A6A6; font-size: 16px; font-family: Aspekta; font-weight: 600; 
  text-transform: uppercase; line-height: 20px; word-wrap: break-word; 
  border: none; background-color: transparent;">
<br>
	</form> 
		<div class="IconStrokeArrow" style="width: 24px; height: 24px; padding-top: 0.86px; padding-bottom: 0.87px; padding-right: 1.73px; flex-direction: column; justify-content: center; align-items: center; display: inline-flex">
		  <div class="Group15" style="width: 22.27px; height: 22.27px; position: relative">
		    <div class="Rectangle1" style="width: 15.75px; height: 15.75px; left: 11.13px; top: 0px; position: absolute; transform: rotate(45deg); transform-origin: 0 0; border: 2px #F6F6F6 solid"></div>
            <div class="Vector1" style="width: 15.75px; height: 15.75px; left: 11.13px; top: 0px; position: absolute; transform: rotate(45deg); transform-origin: 0 0; border: 2px #F6F6F6 solid"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="Frame114" style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex">
      <div class="FollowUsOnSocialMedia" style="color: #F6F6F6; font-family: Aspekta; font-weight: 400; line-height: 50px; word-wrap: break-word">Follow us on social media</div>
      <div class="Frame67" style="gap: 10px; width: 100%; justify-content: space-between; align-items: center; display: inline-flex">
        <div class="IconSocial">
	    
	    <a href="https://www.facebook.com/epflrocketteam/">
	    <img src="/icons/Facebook.svg" alt="Facebook icon">
	    </a>
        </div>
        <div class="IconSocial">
	    
	    <a href="https://www.instagram.com/epflrocketteam/">
	    <img src="/icons/Insta.svg" alt="Instagram icon">
	    </a>
        </div>
        <div class="IconSocial">
	    
	    <a href="https://x.com/epfl_rocketteam">
	    <img src="/icons/Twitter.svg" alt="Twitter icon">
	    </a>
        </div>
        <div class="IconSocial">
          
	    <a href="https://www.linkedin.com/company/epfl-rocket-team/">
	    <img src="/icons/LinkedIn.svg" alt="LinkedIn icon">
	    </a>
        </div>
        <div class="IconSocial">
	    
	    <a href="https://www.youtube.com/channel/UCzwfq09H46CorH7S-K1UnUg">
	    <img src="/icons/Youtube.svg" alt="Youtube icon">
	    </a>
        </div>
      </div>
    </div>
  </div>
</div>
</footer>

    



</body></html>