- 제출된 URL:
- https://epfl-rocket-team.netlify.app/
- 보고서 완료:
링크 · 16개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| 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 변수 · 3개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
콘솔 로그 메시지 · 1개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| error | network |
|
HTML
페이지의 원시 HTML 본문
<!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>