extension-develop
Version:
The develop step of Extension.js
47 lines (46 loc) • 1.32 kB
HTML
<html lang="en">
<head>
<title>Welcome!</title>
<meta charset="UTF-8" />
<link rel="icon" type="image/png" href="../images/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./sakura.css" media="screen" />
<link
rel="stylesheet"
href="./sakura-dark.css"
media="screen and (prefers-color-scheme: dark)"
/>
<style>
.center-middle {
display: flex;
flex-direction: column;
justify-content: center;
height: 100vh;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<div class="center-middle">
<h1 style="font-size: 4.2em">
Gecko-based Add-on<br />
<a href="#"><span id="extensionName"></span></a><br />
ready.
</h1>
<p id="extensionDescription"></p>
<p>
<a target="_blank" href="https://github.com/cezaraugusto/extension"
>🧩 Extension.js</a
>
is a development toolkit for building cross-browser extensions with
modern web technologies.
</p>
<button id="learnMore">
🧩 Learn more about developing cross-browser extensions
</button>
</div>
<script src="welcome.js"></script>
</body>
</html>