source/custos/index.html (259 lines of code) (raw):
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Custos Security Framework</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="icon" href="static/images/favicon.png" type="image/x-icon">
<!-- Absolute URLs -->
<link rel="canonical" href="/index.html"/>
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;531&display=swap" rel="stylesheet">
<link rel="stylesheet" href="static/css/semantic.min.css">
<link rel="stylesheet" href="static/css/main.css">
</head>
<body>
<!-- Following Menu -->
<div class="ui large top fixed hidden borderless menu" style="box-shadow: 0 20px 20px -15px rgba(0,0,0,.05);">
<div class="ui container">
<div class="ui grid computer only tablet only">
<div class="ui large top fixed borderless menu custos-nav transition visible"
style="box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 20px -15px;display: flex !important;">
<div class="ui container">
<a class="item" href="/"><img class="ui small image" src="static/images/logo.svg"
alt="Custos Logo" class="ui centered small image"></a>
<div class="right menu">
<a class="item" href="#why">Why Custos?</a>
<a class="item" href="#partners">Partners</a>
<a class="item" href="#contact">Contact</a>
<div class="item">
<a class="ui large button black" href="https://github.com/apache/airavata-custos" target="_blank"><i class="github icon"></i> GitHub</a>
</div>
</div>
</div>
</div>
</div>
<div class="ui grid mobile only">
<div class="ui large top fixed borderless menu custos-mobile-nav transition visible"
style="box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 20px -15px;display: flex !important;">
<div class="ui container">
<div class="ui dropdown item">
<i class="bars icon"></i>
<div class="menu">
<a class="item" href="#why">Why Custos?</a>
<a class="item" href="#partners">Partners</a>
<a class="item" href="#contact">Contact</a>
</div>
</div>
<a class="item" href="/"><img class="ui small image" src="static/images/logo.svg"
alt="Custos Logo" class="ui centered small image"></a>
<div class="right menu">
<div class="item">
<a href="https://github.com/apache/airavata-custos" target="_blank" class="ui button black"><i class="github icon"></i> GitHub</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pusher">
<div id="theme-gradient" class="ui vertical inverted masthead top-header segment">
<div class="ui grid computer only tablet only">
<div class="ui container">
<div class="ui large secondary inverted pointing menu custos-nav" style="border:none">
<div class="left item no-padding">
<a class="item brand-logo" href="/"><img
src="static/images/logo-light.svg"
class="ui centered medium image"></a>
</div>
<div class="right item no-padding">
<a class="item" href="#why">Why Custos?</a>
<a class="item" href="#partners">Partners</a>
<a class="item" href="#contact">Contact</a>
<div class="item">
<a class="ui button black" href="https://github.com/apache/airavata-custos/tree/develop" target="_blank"><i class="github icon"></i> View on GitHub</a>
</div>
</div>
</div>
</div>
</div>
<div class="ui grid mobile only">
<div class="ui large secondary inverted pointing menu custos-mobile-nav" style="border:none">
<div class="left item">
<div class="ui dropdown item">
<i class="bars icon"></i>
<div class="menu">
<a class="item" href="#why">Why Custos?</a>
<a class="item" href="#partners">Partners</a>
<a class="item" href="#contact">Contact</a>
</div>
</div>
<a class="item brand-logo" href="/"><img
src="static/images/logo-light.svg"
class="ui centered medium image"></a>
</div>
<div class="right item">
<div class="item">
<a class="ui button black" href="https://github.com/apache/airavata-custos/tree/develop" target="_blank"><i class="github icon"></i>GitHub</a>
</div>
</div>
</div>
</div>
<div class="ui container">
<div class="ui relaxed stackable custos grid">
<div class="ten wide column">
<h1 class="custos-h1-header">
Security Middleware for Science Gateways
</h1>
<p>Custos features include user identity and access management, tenant profile management, resource secrets management, and groups and sharing management.</p>
<a class="ui big black button" href="https://github.com/apache/airavata-custos/tree/develop" target="_blank"><i class="github icon"></i> View on Github</a>
</div>
<div class="six wide column">
<div class="ui hidden divider"></div>
<div class="ui hidden divider"></div>
<img alt="" src="static/images/cybersecurity.svg" class="ui big image">
</div>
</div>
</div>
</div>
<div id="why" class="ui vertical custos segment" style="border-bottom: none; background-image: url(static/images/bg-curve1.svg);
background-size: 102%;
background-position: top center;
background-repeat: no-repeat; margin-top:-1px;">
<div class="ui very relaxed stackable container grid">
<div class="row stackable middle aligned" style="margin-top: 5rem;">
<div class="seven wide column">
<img alt="" src="static/images/webuser.svg" class="ui big image">
</div>
<div class="nine wide column left aligned centered middle aligned">
<div class="custos-h2-sub-header">Why use Custos?</div>
<h2 class="custos-h2-header">Protect Your Scientific Community From Cybersecurity Threats</h2>
<p>The goals of the Custos project are to
provide these services to a wide range of science gateway
frameworks, providing the community with an open source,
transparent, and reviewed code base for common security
operations; and to operate trustworthy security services for the
science gateway community using this software base.</p>
<div class="ui hidden divider"></div>
</div>
</div>
</div>
<div class="ui centered very relaxed stackable fluid-container grid" style="width: 87%;
margin-left: auto;
margin-right: auto;">
<div class="doubling five column row stackable">
<div class="column feature-box">
<div class="card">
<div class="content">
<img class="right floated tiny ui image"
src="static/images/shield.svg">
<div class="header">
Federated Authentication
</div>
</div>
<div class="extra content">
<div class="feature-description">
Custos will enable Science Gateways to seamlessly integrate with CILogon thus enabling federated authentication with more than 3,000 identity providers. </div>
</div>
</div>
</div>
<div class="column feature-box">
<div class="card">
<div class="content">
<img class="right floated tiny ui image"
src="static/images/security.svg">
<div class="header">
Resource Secrets Management
</div>
</div>
<div class="extra content">
<div class="feature-description">
Custos provides secured storage engine capabilities by integrating with Vault. Supports user and resource credential manamgenent including SSH keys. </div>
</div>
</div>
</div>
<div class="column feature-box">
<div class="card">
<div class="content">
<img class="right floated tiny ui image"
src="static/images/share.svg">
<div class="header">
Collaboration through groups and sharing
</div>
</div>
<div class="extra content">
<div class="feature-description">
Custos enables Collaborations through implementation of hierarchical groups and sharing of digital artifacts between entities. </div>
</div>
</div>
</div>
<div class="column feature-box">
<div class="card">
<div class="content">
<img class="right floated tiny ui image"
src="static/images/search.svg">
<div class="header">
Analyze, Audit and Triage
</div>
</div>
<div class="extra content">
<div class="feature-description">
Custos provides access to user level analytics and audit logs through an administrative portal interface.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="partners" class="ui vertical custos segment" style="border-bottom: none">
<div class="ui very relaxed stackable container grid">
<div class="row stackable middle aligned left aligned">
<div class="nine wide column left aligned">
<div class="custos-h2-sub-header">Use cases</div>
<h2 class="custos-h2-header">Initial driving Use cases: Science Gateway Security</h2>
<p>Custos software is initially being seeded by a federal grant from the US National Science Foundation to a team of developers from CILogon, Galaxy and Apache Airavata projects. Initial team comprises of science gateway clients, science gateway middleware developers, and cybersecurity experts.</p>
<div class="ui hidden divider"></div>
<a href="https://www.nsf.gov/awardsearch/showAward?AWD_ID=1840003" target="_blank" class="custos-link">Seed Funding <i class="arrow circle right icon"></i></a>
</div>
<div class="seven wide column">
<div class="ui images centered partner-logos">
<img class="ui middle aligned small image" data-title="cilogon"
data-position="bottom center"
src="static/images/cilogon-logo.png">
<img class="ui middle aligned small image" data-title="Galaxy"
data-position="bottom center"
src="static/images/galaxy-logo.png">
<img class="ui middle aligned small image" data-title="airavata"
data-position="bottom center"
src="static/images/airavata-logo.png">
<img class="ui middle aligned small image" data-title="htrc"
data-position="bottom center"
src="static/images/htrc-logo.png">
<img class="ui middle aligned small image" data-title="scigap"
data-position="bottom center"
src="static/images/scigap-logo.png">
</div>
</div>
</div>
</div>
</div>
<div id="contact" class="ui vertical custos segment" style="border-bottom: none; background-image: url(static/images/bg-curve2.svg);
background-size: 102%;
background-position: bottom center;
background-repeat: no-repeat; margin-top:-1px;">
</div>
<div id="footer-gradient" class="ui vertical footer segment" style="margin-top:-1px; border-top:none !important;">
<div class="ui left aligned container">
<img src="static/images/logo-light.svg" class="ui left aligned tiny image">
</div>
<div class="ui left aligned container">
<p class="footer-text">To follow custos project discussions and updates, subscribe to Custos mailing list by sending email <br/><i class="mail yellow icon"></i> <a href="mailto:custos-subscribe@airavata.apache.org">custos-subscribe@airavata.apache.org</a></p>
</div>
</div>
</div>
<!-- JS -->
<script src="static/js/vendor/jquery-1.10.1.js"></script>
<script src="static/js/vendor/semantic.js"></script>
<script src="static/js/main.js"></script>
</body>
</html>