Skip to content

Feature/landing page #412

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
spoorcc wants to merge 2 commits into from
Closed

Feature/landing page #412

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ea64032
BAsic landing page
ben-edna Feb 3, 2022
413284d
UPdate landing
ben-edna Feb 3, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added doc/images/example-manifest.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
27 changes: 27 additions & 0 deletions doc/images/example-manifest.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
165 changes: 165 additions & 0 deletions doc/landing.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,165 @@
<!doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/asciinema-player/2.6.1/asciinema-player.css" />


<title>DFetch - Dependency fetcher</title>
</head>

<body>

<div class="container">
<nav class="navbar navbar-expand-lg py-3 shadow-sm fixed-top navbar-light bg-light">
<a href="/" class="d-flex navbar-brand align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none">
<img class="img-fluid" src="images/dfetch_header.png" />
</a>

<ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
<li><a href="https://dfetch.rtfd.io" class="nav-link px-2 link-dark">Docs</a></li>
<li><a href="https://github.com/dfetch-org/dfetch/releases/latest" class="nav-link px-2 link-dark">Download</a>
</li>
<li><a href="https://github.com/dfetch-org/dfetch/" class="nav-link px-2 link-dark">Source</a></li>

</ul>
</nav>
</div>


<div class="p-5 mb-4 bg-white rounded-3" style="margin-top:100px">
<div class="container-fluid py-5">

<div class="row gx-1">
<div class="col-md">

<h1 class="display-5 fw-bold">
<i class="fa fa-arrow-circle-down fa-1x icon-feature text-gradient d-block mb-3"></i>Fetch your
dependencies.
</h1>
<p class="col-md-8 fs-4 text-muted"><em>DFetch</em> makes it easy to reuse source code, without requiring
any build system, package manager or version control system. Copy-paste on steroids!</p>
<a class="btn btn-primary btn-lg" href="https://github.com/dfetch-org/dfetch/releases/latest" role="button">
<i class="fa fa-github fa-1x icon-feature"></i>
Install
</a>
</div>
<div class="col-md mb-5">
<img class="img-fluid shadow-xl" style="margin:20px" src="images/example-manifest.svg"></img>
</div>

</div>
</div>
</div>

<div class="p-5 mb-4 rounded-3 bg-secondary text-light">
<div class="container-fluid py-5">

<div class="row gx-1">
<div class="col-md mb-5">

<asciinema-player src="asciicasts/check.cast" speed="2" theme="solarized-dark" loop="loop" autoplay="true">
</asciinema-player>

</div>

<div class="col-md mb-5">

<h1 class="display-5 fw-bold">
<i class="fa fa-check-square-o fa-1x icon-feature text-gradient d-block mb-3"></i>
Check for new versions.
</h1>
<p class="col-md-8 fs-4">Check for the latest version of your dependencies and <em>DFetch</em> will even
interpret the available tags.
</div>

</div>
</div>
</div>


<div class="container-fluid px-5 p-5 mb-4 text-muted justify-content-right">
<div class="row gx-5">

<div class="col-md-6 mb-5">
<div class="text-center">
<i class="fa fa-file-code-o fa-5x icon-feature text-gradient d-block mb-3"></i>
<h3 class="font-alt">Simple YAML config.</h3>
<p class="text-muted mb-0">Add projects easily with
a simple YAML config file.
</p>
</div>
</div>

<div class="col-md-6 mb-5">
<div class="text-center">
<i class="fa fa-refresh fa-5x icon-feature text-gradient d-block mb-3"></i>
<h3 class="font-alt">Automate</h3>
<p class="text-muted mb-0">Integrate with <em>Jenkins</em>, <em>Gitlab CI</em>, <em>Dependency check</em>
or any tool directly through a simple cli. </p>
</div>
</div>
<div class="col-md-6 mb-5">
<div class="text-center">
<i class="fa fa-code-fork fa-5x icon-feature text-gradient d-block mb-3"></i>
<h3 class="font-alt">Mixed VCS environments.</h3>
<p class="text-muted mb-0">Perfect for organizations with mixed code-bases. Mix sources from <em>SVN</em> or
<em>Git</em>.
</p>
</div>
</div>
<div class="col-md-6 mb-5">
<div class="text-center">
<i class="fa fa-unlock fa-5x icon-feature text-gradient d-block mb-3"></i>
<h3 class="font-alt">No lock-in.</h3>
<p class="text-muted mb-0">Don't like it? Move on to the next tool.</p>
</div>
</div>
</div>
</div>


<div class="p-5 mb-4 rounded-3 bg-secondary text-light">
<div class="container-fluid py-5">

<div class="row gx-1">

<div class="col-md mb-5">

<h1 class="display-5 fw-bold">
<i class="fa fa-wrench fa-1x icon-feature text-gradient d-block mb-3"></i>
Change locally & upstream changes.
</h1>
<p class="col-md-8 fs-4">Customize the fetched dependency by applying patches, or generate a patch for upstreaming your fix and help others!
</div>

<div class="col-md mb-5">

<asciinema-player src="asciicasts/diff.cast" speed="2" theme="solarized-dark" loop="loop" autoplay="true">
</asciinema-player>

</div>

</div>
</div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/asciinema-player/2.6.1/asciinema-player.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>

</html>