- ID de l'analyse :
- db0b22b5-5309-40da-bf45-84ca584f7c61Terminée
- URL soumise :
- https://epfl-rocket-team.netlify.app/
- Fin du rapport :
Liens : 16 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 |
Variables JavaScript : 3 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<!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>