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.
179 lines
14 KiB
PHP
179 lines
14 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<?php
|
|
|
|
$options = array(
|
|
'http' => array(
|
|
'method' => 'GET',
|
|
'header'=> 'User-Agent: getcryst.al'
|
|
)
|
|
);
|
|
$context = stream_context_create($options);
|
|
$ame_json = file_get_contents("https://api.github.com/repos/crystal-linux/amethyst/contributors", false, $context);
|
|
$jade_json = file_get_contents("https://api.github.com/repos/crystal-linux/jade/contributors", false, $context);
|
|
$mal_json = file_get_contents("https://api.github.com/repos/crystal-linux/malachite/contributors", false, $context);
|
|
$branding_json = file_get_contents("https://api.github.com/repos/crystal-linux/branding/contributors", false, $context);
|
|
$ame_obj = json_decode($ame_json);
|
|
$jade_obj = json_decode($jade_json);
|
|
$mal_obj = json_decode($mal_json);
|
|
$branding_obj = json_decode($branding_json);
|
|
$x = 0;
|
|
?>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>Crystal Linux</title>
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700&display=swap">
|
|
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
|
|
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
|
|
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
|
|
<link rel="stylesheet" href="assets/css/index.css">
|
|
<link rel="stylesheet" href="assets/css/nav.css">
|
|
<link rel="stylesheet" href="assets/css/styles.css">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png">
|
|
<link rel="manifest" href="assets/favicons/site.webmanifest">
|
|
<link rel="mask-icon" href="assets/favicons/safari-pinned-tab.svg" color="#a900ff">
|
|
<meta name="apple-mobile-web-app-title" content="Crystal Linux">
|
|
<meta name="application-name" content="Crystal Linux">
|
|
<meta name="msapplication-TileColor" content="#603cba">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<meta charset="utf-8">
|
|
<title>Crystal Linux</title>
|
|
<meta name="description" content="Crystal Linux is a brand new Arch Linux based distribution. Completely beginner friendly, easy to use, and powerful.">
|
|
<meta itemprop="name" content="Crystal - Official Site">
|
|
<meta itemprop="description" content="Crystal Linux is a brand new Arch Linux based distribution. Completely beginner friendly, easy to use, and powerful.">
|
|
<meta name="og:title" content="Crystal - Official Site">
|
|
<meta name="og:description" content="Crystal Linux is a brand new Arch Linux based distribution. Completely beginner friendly, easy to use, and powerful.">
|
|
<meta name="og:url" content="https://getcryst.al">
|
|
<meta name="og:site_name" content="Crystal Linux Site">
|
|
<meta name="og:type" content="website">
|
|
<meta content="#a900ff" data-react-helmet="true" name="theme-color" />
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta id="image-src" name="twitter:image:src" content="https://raw.githubusercontent.com/crystal-linux/branding/main/banners/sitebanner.png">
|
|
<meta id="discord" name="twitter:image" content="https://raw.githubusercontent.com/crystal-linux/branding/main/banners/sitebanner.png">
|
|
<meta id="embed-image" property="og:image" content="https://raw.githubusercontent.com/crystal-linux/branding/main/banners/sitebanner.png">
|
|
<meta property="og:url" content="https://raw.githubusercontent.com/crystal-linux/branding/main/banners/sitebanner.png">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="og:title" content="media">
|
|
<meta name="og:description" content="media">
|
|
<meta name="keywords" content="easy arch linux, arch linux, crystal linux, crystal arch, arch easy, arch installer" />
|
|
</head>
|
|
|
|
<body style="font-family: Inter, sans-serif;background: #2b2b2b;color: #eee;">
|
|
<nav class="navbar navbar-light navbar-expand-lg navigation-clean-button" style="padding-top: 6px;padding-bottom: 6px;background: transparent;">
|
|
<div class="container"><a class="navbar-brand" href="#" style="color: #eee;"><img src="assets/img/crystal-logo-minimal.png" width="24" height="24" style="vertical-align:middle;"> Crystal Linux</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1" style="border-width: 0px;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon" style="filter: invert(100%) sepia(4%) saturate(2469%) hue-rotate(188deg) brightness(110%) contrast(87%);"></span></button>
|
|
<div class="collapse navbar-collapse" id="navcol-1">
|
|
<ul class="navbar-nav me-auto">
|
|
<li class="nav-item"><a class="nav-link active" href="https://github.com/crystal-linux" target="_blank" style="pointer-events: auto;">GitHub</a></li>
|
|
<li class="nav-item"><a class="nav-link active" href="https://discord.gg/2b47CAKNAx" target="_blank" style="pointer-events: auto;">Discord</a></li>
|
|
</ul><span class="navbar-text actions"> <a class="btn btn-light action-button" role="button" href="#" style="border-radius: 6px;background: #a900ff;" onclick="window.open("https://github.com/crystal-linux/iso/releases/download/07-09-22-17-50/crystal-live-07-09-22-17-43-x86_64.iso");">Download</a></span>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<section class="highlight-clean" style="background: transparent;margin-top: 40px;">
|
|
<div class="container">
|
|
<div class="intro">
|
|
<h2 class="text-center" style="color: #c3c3c3;margin-bottom: 10px;">An Arch Based Distribution<br></h2>
|
|
<p class="text-center" style="margin-bottom: 0px;">Crystal Linux is a brand new Arch Linux based distribution. Completely beginner friendly, easy to use, and powerful.</p>
|
|
</div>
|
|
<div class="buttons" style="margin-top: -5px;">
|
|
<a class="btn btn-primary text-capitalize" role="button" href="#" style="font-family: Inter, sans-serif;border-radius: 6px;font-weight: 500;font-size: 15px;background: #a900ff;" onclick="window.open("https://github.com/crystal-linux/iso/releases/download/07-09-22-17-50/crystal-live-07-09-22-17-43-x86_64.iso");">Download</a>
|
|
<button class="btn btn-light text-capitalize" type="button" style="border-radius: 6px;font-size: 15px;font-weight: 500;font-family: Inter, sans-serif;letter-spacing: 0.2px;" onclick="window.open("https://github.com/crystal-linux");">GitHub</button>
|
|
</div>
|
|
<div class="card-group" style="margin-top: 100px;filter: drop-shadow(0px 0px 10px rgba(45, 45, 46, 0.2));">
|
|
<div class="card mobile-compat-card" style="border-radius: 6px;background: #202021;margin-right: 5px;">
|
|
<div class="card-body">
|
|
<h4 class="card-title" style="font-family: Inter, sans-serif;color: rgba(238,238,238,0.6);margin-bottom: 2px;">Why Crystal?</h4>
|
|
<p class="card-text" style="color: rgb(142,143,143);margin-bottom: 16px;">What's so different about Crystal compared to other distributions?</p>
|
|
<div>
|
|
<ul class="list-group">
|
|
<li class="list-group-item" style="background: transparent;border-width: 0px;"><span style="color: rgb(142,143,143);"><i class="fa fa-check"></i> Easy to use package manager</span></li>
|
|
<li class="list-group-item" style="background: transparent;border-width: 0px;"><span style="color: rgb(142,143,143);"><i class="fa fa-check"></i> Beginner Friendly</span></li>
|
|
<li class="list-group-item" style="background: transparent;border-width: 0px;"><span style="color: rgb(142,143,143);"> <i class="fa fa-check"></i> No BS errors</span></li>
|
|
<li class="list-group-item" style="background: transparent;border-width: 0px;"><span style="color: rgb(142,143,143);"> <i class="fa fa-check"></i> Easy to install</span></li>
|
|
</ul>
|
|
</div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
<div class="card mobile-compat-card" style="border-radius: 6px;background: #202021;margin-left: 5px;">
|
|
<div class="card-body">
|
|
<h4 class="card-title" style="margin-bottom: 2px;color: rgba(238,238,238,0.6);">Contributors</h4>
|
|
<p class="card-text" style="color: rgb(142,143,143);">Top five contributors on crystal-linux/ame, jade, branding, and malachite sorted by top commits.</p>
|
|
<div id="ame" style="margin-bottom: 10px;float:left;margin-right:10px">
|
|
<p style="margin-bottom: 5px;font-size: 14px;">crystal-linux/ame contributors<br></p>
|
|
<?php
|
|
while($x != 5){
|
|
if($ame_obj[$x]->login == null){
|
|
echo('<img style="border-radius: 6px;margin-right: 10px;" width="32" height="32" alt="Contribute to be here!" src="https://identicon-api.herokuapp.com/kdgh6fdYqW/32?format=png">');
|
|
}else{
|
|
echo('<img style="border-radius: 6px;margin-right: 10px;" width="32" height="32" alt="'. $ame_obj[$x]->login .'" src="'. $ame_obj[$x]->avatar_url .'">');
|
|
}
|
|
$x++;
|
|
}
|
|
?>
|
|
</div>
|
|
<div id="jade" style="margin-bottom: 10px;">
|
|
<p style="margin-bottom: 5px;font-size: 14px;">crystal-linux/jade contributors<br></p>
|
|
<?php
|
|
$x = 0;
|
|
while($x != 5){
|
|
if($jade_obj[$x]->login == null){
|
|
echo('<img style="border-radius: 6px;margin-right: 10px;" width="32" height="32" alt="Contribute to be here!" src="https://identicon-api.herokuapp.com/kdgh6fdYqW/32?format=png">');
|
|
}else{
|
|
echo('<img style="border-radius: 6px;margin-right: 10px;" width="32" height="32" alt="'. $jade_obj[$x]->login .'" src="'.$jade_obj[$x]->avatar_url .'">');
|
|
}
|
|
$x++;
|
|
}
|
|
?>
|
|
</div>
|
|
<div id="mal" style="float:left;margin-right:10px">
|
|
<p style="margin-bottom: 5px;font-size: 14px;">crystal-linux/malachite contributors<br></p>
|
|
<?php
|
|
$x = 0;
|
|
while($x != 5){
|
|
if($mal_obj[$x]->login == null){
|
|
echo('<img style="border-radius: 6px;margin-right: 10px;" width="32" height="32" alt="Contribute to be here!" src="https://identicon-api.herokuapp.com/floppa/32?format=png">');
|
|
}else{
|
|
echo('<img style="border-radius: 6px;margin-right: 10px;" width="32" height="32" alt="'. $mal_obj[$x]->login .'" src="'. $mal_obj[$x]->avatar_url .'">');
|
|
}
|
|
$x++;
|
|
}
|
|
?>
|
|
</div>
|
|
<div id="jade" style="margin-bottom: 10px;">
|
|
<p style="margin-bottom: 5px;font-size: 14px;">crystal-linux/branding contributors<br></p>
|
|
<?php
|
|
$x = 0;
|
|
while($x != 5){
|
|
if($branding_obj[$x]->login == null){
|
|
echo('<img style="border-radius: 6px;margin-right: 10px;" width="32" height="32" alt="Contribute to be here!" src="https://identicon-api.herokuapp.com/pescado/32?format=png">');
|
|
}else{
|
|
echo('<img style="border-radius: 6px;margin-right: 10px;" width="32" height="32" alt="'. $branding_obj[$x]->login .'" src="'. $branding_obj[$x]->avatar_url .'">');
|
|
}
|
|
$x++;
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card mobile-compat-card" style="border-radius: 6px;background: #202021;margin-top:20px;margin-bottom:20px">
|
|
<div class="card-body">
|
|
<h4 class="card-title" style="margin-bottom: 2px;color: rgba(238,238,238,0.6);">We 💖 open source software</h4>
|
|
<p class="card-text" style="color: rgb(142,143,143);">Basically everything that Crystal Linux has coded/made is completely open source for anyone to see. Why not contribute to the project?</p>
|
|
<a class="btn btn-primary text-capitalize" role="button" href="#" style="font-family: Inter, sans-serif;border-radius: 6px;font-weight: 500;font-size: 15px;background: #a900ff; border:none;outline:none" onclick="window.open("https://github.com/crystal-linux/");">Contribute on GitHub</a>
|
|
</div>
|
|
</div>
|
|
<footer class="text-center">
|
|
<div class="mobile-footer-fix" style="position: fixed;bottom: 0;margin-bottom: 10px;"><span class="text-muted" style="margin-right: 10px;">Copyright (c) 2022 Crystal Linux</span><a class="link-secondary" href="https://github.com/crystal-linux/site" style="text-decoration:none" target="_blank"><i class="fa fa-github"></i> Source Code</a></div>
|
|
</footer>
|
|
</div>
|
|
</section>
|
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html>
|