Skip to content

Commit

Permalink
doc: index.html
Browse files Browse the repository at this point in the history 
Signed-off-by: Sijie Shen <[email protected]>
  • Loading branch information
@ds-ssj
ds-ssj committed May 13, 2024
1 parent d1b26e2 commit e2c5cb6
Showing 1 changed file with 4 additions and 270 deletions.
274 changes: 4 additions & 270 deletions docs/_templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,285 +7,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./_static/css/index.css" />
<link rel="stylesheet" href="./_static/css/termynal.css">
<link rel="icon" type="image/x-icon" href="{{ pathto('_static/vineyard.ico', 1) }}" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto&display=swap"
rel="stylesheet" />
<title>Vineyard: an In-Memory Data Manager for Data-Intensive Analytics</title>
<title>GART: Graph Analysis on Relational Transactional Datasets</title>
</head>

<body>
<nav class="navigator background-gradient-color">
<div class="main-content flex navbar justify-content-space-between align-items-center">
<div class="logo">
<a href="{{ pathto('index') }}">
<img src="{{ pathto('_static/vineyard-logo-h.png', 1) }}" alt="vineyard logo" />
</a>
</div>
<div class="menu-toggle" id="mobile-menu" onClick="handleToggle()">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="flex vertical-align-center list-style-none" id="nav-link-wrapper">
<li class="padding-left-right-20">
<a href="{{ pathto('index') }}" class="nav-link">
Home
</a>
</li>
<li class="padding-left-right-20">
<a href="{{ pathto('docs') }}" class="nav-link">
Docs
</a>
</li>
<li class="padding-left-right-20">
<a href="{{ pathto('documentation/developers/build-from-source') }}" class="nav-link">
Installation
</a>
</li>
<li class="padding-left-right-20">
<a href="{{ pathto('documentation/developers') }}" class="nav-link">
Community
</a>
</li>
</ul>
<div class="flex media-section">
<a href="https://slack.cncf.io/" class="text-black" target="_blank"><i class="fab fa-slack"></i></a>
<a href="https://github.com/v6d-io/v6d" class="text-black" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div>
</nav>
<section class="background-gradient-color flex justify-content-center hero-section">
<div class="main-content text-center hero-container flex flex-column align-items-center">
<h2 class="hero-text">
Vineyard: an In-Memory Data Manager for Data-Intensive Analytics
</h2>
<p class="hero-text-secondary">
An innovative cloud-native in-memory immutable data manager that offers
out-of-the-box high-level abstractions and zero-copy in-memory sharing
for distributed data in various big data tasks.
</p>
<div class="btn-container">
<a href="{{ pathto('documentation/getting-started/quick-start') }}">
<button class="button btn-primary">Getting Started</button>
</a>
<a href="{{ pathto('documentation/references') }}">
<button class="button btn-secondary">API Reference</button>
</a>
</div>
<div id="termynal" class="termynal" data-termynal>
<span data-ty="input">pip install vineyard</span>
<span data-ty="progress" class="breaking-word-all"></span>
<span data-ty>Successfully installed vineyard</span>
<span data-ty="input">python</span>
<span data-ty="input" data-ty-prompt=">>>">client = vineyard.connect()</span>
<span data-ty="input" data-ty-prompt=">>>">object_id = client.put('Hello, vineyard!')</span>
<span data-ty="input" data-ty-prompt=">>>">client.get(object_id)</span>
<span data-ty>'Hello, vineyard!'</span>
</div>
</div>
</section>
<section class="feature-section feature-section-mobile text-wrapping">
<div class="main-content flex justify-content-space-around feature-container">
<div class="feature-item">
<h4><i class="fa fa-exchange"></i>Efficient data sharing</h4>
<p>
Vineyard shares immutable data across different systems using shared
memory without extra overheads, eliminating the overhead of
serialization and deserialization.
</p>
<p><a href="{{ pathto('documentation/architecture') }}">Learn More <i class="fa-solid fa-arrow-right"></i></a>
</p>
</div>
<div class="feature-item">
<h4>
<i class="fa-solid fa-box-open"></i>Out-of-the-box data abstraction
</h4>
<p>
Vineyard defines a metadata-payload separated data model to capture
the payload commonalities and method commonalities between sharable
objects.
</p>
<p><a href="{{ pathto('documentation/architecture') }}">Learn More <i class="fa-solid fa-arrow-right"></i></a>
</p>
</div>
</div>
<div class="main-content flex justify-content-space-around feature-container">
<div class="feature-item">
<h4>
<i class="fa-solid fa-plug fa-lg"></i>Pluggable I/O
routines
</h4>
<p>
Vineyard provides common manipulation routines for immutable data as
drivers, which extend the capabilities of data structures by
registering appropriate drivers.
</p>
<p><a href="{{ pathto('documentation/architecture') }}">Learn More <i class="fa-solid fa-arrow-right"></i></a>
</p>
</div>
<div class="feature-item">
<h4>
<i class="fa-solid fa-vector-square fa-lg"></i>Data orchestration on
Kubernetes
</h4>
<p>
Vineyard provides efficient distributed data sharing in cloud-native
environments by embracing cloud-native big data processing.
</p>
<p><a href="{{ pathto('documentation/architecture') }}">Learn More <i class="fa-solid fa-arrow-right"></i></a>
</p>
</div>
</div>
</section>
<section class="feature-section use-case-section text-wrapping">
<h2 class="text-center">Use Cases</h2>
<div class="main-content flex justify-content-space-around gap-sm feature-container">
<div class="feature-item-sm">
<h4>Object store for all</h4>
<p>
Putting and getting arbitrary objects using Vineyard, in a zero-copy way!
</p>
<span><a href="{{ pathto('tutorials/data-processing/using-objects-python') }}" class="font-weight-300">Learn
More <i class="fa-solid fa-arrow-right"></i></a></span>
</div>
<div class="feature-item-sm">
<h4>Data sharing in Kedro pipelines</h4>
<p>Sharing intermediate data between tasks in Kedro pipelines.</p>
<span><a href="{{ pathto('tutorials/data-processing/accelerate-data-sharing-in-kedro') }}"
class="font-weight-300">Learn More <i class="fa-solid fa-arrow-right"></i></a></span>
</div>
<div class="feature-item-sm">
<h4>Data processing for machine learning</h4>
<p>
Sharing large objects between different systems in data preprocessing pipelines in machine learning
applications.
</p>
<span><a href="{{ pathto('tutorials/kubernetes/ml-pipeline-mars-pytorch') }}" class="font-weight-300">Learn More
<i class="fa-solid fa-arrow-right"></i></a></span>
</div>
<div class="feature-item-sm">
<h4>Data sharing on Kubernetes</h4>
<p>
Coordinating the flow of objects and jobs on Kubernetes
with the data-aware scheduler plugin.
</p>
<span class="font-weight-300"><a href="{{ pathto('tutorials/kubernetes/using-vineyard-operator') }}">Learn More
<i class="fa-solid fa-arrow-right"></i></a></span>
</div>
</div>
</section>
<div class="banner text-center">
<p>
Vineyard is a
<a href="https://www.cncf.io/sandbox-projects/" class="banner-link" target="_blank">
Cloud Native Computing Foundation sandbox project
</a>
</p>
<div class="img-container">
<img src="{{ pathto('_static/cncf-color.svg', 1) }}" alt="cncf logo" />
</div>
</div>
<footer class="footer">
<div class="flex justify-content-space-between footer-container">
<ul class="list-style-none">
<li class="text-bold padding-bottom-20">Docs</li>
<li class="padding-bottom-10">
<a href="{{ pathto('documentation/getting-started') }}" class="nav-link">Getting Started</a>
</li>
<li class="padding-bottom-10">
<a href="{{ pathto('documentation/key-concepts') }}" class="nav-link">Key Concepts</a>
</li>
<li>
<a href="{{ pathto('documentation/architecture') }}" class="nav-link">Architecture</a>
</li>
</ul>
<ul class="list-style-none">
<li class="text-bold padding-bottom-20">Community</li>
<li class="padding-bottom-10">
<a href="https://github.com/v6d-io/v6d" class="nav-link" target="_blank">GitHub</a>
</li>
<li class="padding-bottom-10">
<a href="https://slack.cncf.io/" class="nav-link" target="_blank">Slack</a>
</li>
</ul>
<ul class="list-style-none">
<li class="text-bold padding-bottom-20">More</li>
<li>
<a href="{{ pathto('documentation/developers/faq') }}" class="nav-link">Faq</a>
</li>
</ul>
<ul class="list-style-none">
<li class="text-bold padding-bottom-20">Legal</li>
<li>
<a href="https://www.linuxfoundation.org/legal/terms" class="nav-link" target="_blank">
Terms
</a>
</li>
<li>
<a href="https://www.linuxfoundation.org/legal/privacy-policy" class="nav-link" target="_blank">
Privacy
</a>
</li>
<li>
<a href="https://www.linuxfoundation.org/legal/trademark-usage" class="nav-link" target="_blank">
Trademarks
</a>
</li>
</ul>
</div>
<div class="text-center footer-info-text">
<p>
Copyright &copy; 2020-
<span id="copyright">
<script>
document
.getElementById("copyright")
.appendChild(document.createTextNode(new Date().getFullYear()));
</script>
</span>
, The Vineyard Authors
</p>
<p>
The Linux Foundation has registered trademarks and uses trademarks.
For a list of trademarks of The Linux Foundation, please see our
<a href="https://www.linuxfoundation.org/legal/trademark-usage" class="footer-link-text" target="_blank">
Trademark Usage page.
</a>
</p>
</div>
</footer>
<script>
window.location.href = 'docs.html';
</script>
</body>
<script src="https://kit.fontawesome.com/91dde3bebe.js" crossorigin="anonymous">
</script>
<script src="./_static/js/termynal.js" data-termynal-container="#termynal"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6CYXWKLJB8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'G-6CYXWKLJB8');
</script>
<script>
// mobile menu toggle handler
const handleToggle = () => {
const menuToggleNode = document.getElementById("mobile-menu");
let navBarLinkContainer = document.getElementById("nav-link-wrapper");

if (menuToggleNode.className === "menu-toggle") {
menuToggleNode.className = "menu-toggle is-active";
navBarLinkContainer.style.display = "flex";
navBarLinkContainer.className = "nav-link-container list-style-none";
} else {
menuToggleNode.className = "menu-toggle";
navBarLinkContainer.style.display = "none";
}
};
</script>

</html>

0 comments on commit e2c5cb6

Please sign in to comment.