You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
getcryst.al/team.html

96 lines
4.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700&amp;display=swap">
<title>Crystal Linux</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript">
function downloadLink() {
//Temporary, as a system to get the latest version link will be implemented
window.open("https://github.com/crystal-linux/iso/releases");
}
</script>
<link rel="icon" type="image/x-icon" href="/assets/svg/crystal-logo.svg">
</head>
<body>
<div class="navbar">
<div class="container">
<a class="brand" href="index.html"><img src="assets/img/crystal-logo-minimal.png" width="36" height="36" style="vertical-align:middle;">&nbsp;Crystal Linux</a>
<div class="dropdown">
<img src="assets/svg/dropdown.svg" class="navbar-toggler">
<div class="dropdown-content">
<!--<a href="features.html">Features</a>-->
<a href="team.html">Team</a>
<a href="https://github.com/crystal-linux/iso/releases" target="_blank" rel="noreferrer noopener">Download</a>
</div>
</div>
</div>
</div>
</div>
<section class="highlight">
<div class="container">
<div id="intro">
<h2 class="highlight-header" style="animation-delay: 0s;">
<img src="assets/svg/crystal-logo.svg">
<br> Team Members
<br>
</h2>
<div id="team-members"></div>
<p>Contributors from across the globe with various skills working together.</p>
<div id="languages">
<div id="Rust-tag" class="lang-tag" style="animation-delay: 0.1s">Rust</div>
<div id="Python-tag" class="lang-tag" style="animation-delay: 0.2s">Python</div>
<div id="Nix-tag" class="lang-tag" style="animation-delay: 0.3s">Nix</div>
<div id="CPP-tag" class="lang-tag" style="animation-delay: 0.4s">C/C++</div>
<div id="React-tag" class="lang-tag" style="animation-delay: 0.5s">React.js</div>
<div id="HTML-tag" class="lang-tag" style="animation-delay: 0.6s">HTML/CSS</div>
</div>
</div>
</div>
<div class="card-group">
<div class="wide-card" style="animation-delay: 0.6s;">
<h2 class="card-header">
Top five contributors on the major repositories.
</h2>
<br>
<div class="repo-grid">
<div id="ame" class="contributor-category"></div>
<div id="jade" class="contributor-category"></div>
<div id="jade-gui" class="contributor-category"></div>
<div id="mal" class="contributor-category"></div>
<div id="design" class="contributor-category"></div>
<div id="moonstone" class="contributor-category"></div>
<div id="branding" class="contributor-category"></div>
<div id="site" class="contributor-category"></div>
</div>
<p class="card-text">If you want to show up here, head to our <a class="text-link" href="https://github.com/crystal-linux">GitHub page</a></p>
</div>
</div>
</section>
<br>
<div id="copyright">
Copyright (c) 2022. All Rights Reserved.
<a class="license-link" href="https://github.com/crystal-linux/.github/blob/main/LICENSE">
Project licensed under GPLv3.0.
</a>
</div>
<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
<!-- Load our React component. -->
<script src="team.js"></script>
<script src="contributors.js"></script>
</body>
</html>