-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (107 loc) · 3.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
---
title:
description:
---
<section class="hero">
{% if site.alert %}
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
{{ site.alert }}
</div>
{% endif %}
<img class="main-logo" src="{{ 'images/logo.png' | relative_url }}"></img>
<div class="text-container">
<div style="width: 100%; display: flex; justify-content: center;">
<div class="highlight language-sh" id="condaBox">
<div style="padding: 25px;">
<code id="condaInstall"></code>
</div>
</div>
</div>
</div>
<div id="screenshot" data-aos="fade-up" data-aos-offset="3000">
<img src="{{ site.baseurl }}/images/dashboard.png" alt="Screenshot" class="screenshot editable" data-aos="fade-up" data-aos-offset="-300"/>
</div>
</section>
<div id="content" class="content" data-aos="fade-up" data-aos-offset="3000">
<h1 class="center-text page-description">Take your landing page to new heights.</h1>
{% assign text-left = true %}
{% for feature in site.data.features %}
{% if text-left %}
{% assign text-aos = "fade-right" %}
{% assign image-aos = "fade-left" %}
{% else %}
{% assign text-aos = "fade-left" %}
{% assign image-aos = "fade-right" %}
{% endif %}
<section>
<div class="container flex no-padding" {% unless text-left %}style="flex-direction: row-reverse;"{% endunless %}>
<div class="text editable" data-aos="{{ text-aos }}" data-aos-offset="200">
<h2>{{ feature.header }}</h2>
{{ feature.content }}
</div>
<img class="feature-icon" src="{{ feature.icon | relative_url }}" data-aos="{{ image-aos }}" data-aos-offset="230"/>
</div>
<div class="container flex" style="justify-content: center;">
<div class="feature" data-aos="fade-up" data-aos-offset="0">
{% capture my_include %}{% include {{ feature.snippet}} %}{% endcapture %}
{{ my_include | markdownify }}
</div>
</div>
</section>
{% if text-left %}
{% assign text-left = false %}
{% else %}
{% assign text-left = true %}
{% endif %}
{% endfor %}
<div id="news" class="text-container" style="text-align: center;">
<h1>Latest News</h1>
<hr>
</div>
<div class="container flex">
{% assign news_icons = "releases, milestones" | split: ', ' %}
{% assign i = 1 %}
{% for post in site.categories.news limit:3 %}
<div class="news-card"
{% if i == 1 %} data-aos="fade-right"
{% elsif i == 2 %} data-aos="zoom-in"
{% elsif i == 3 %} data-aos="fade-left"
{% endif %} data-aos-offset="0"
{% if news_icons contains post.categories[1] %}
style="background-image: url({{ site.baseurl }}/images/news-icon-{{ post.categories[1] }}.png)"
{% else %}
style="background-image: url({{ site.baseurl }}/images/news-icon-default.png)"
{% endif %}
>
<h3 style="color: {{ site.colors.main }}">{{ post.date | date: "%b %d, %Y" }}</h3>
<p>
<a href="{{ post.url | relative_url }}">
{{ post.title }}
</a>
<div class="post-details">
{% for category in post.categories %}
{% if category != "news" %}
<span class="blog-filter">
<a href="{{ site.baseurl }}/news#category={{ category | slugify }}">
{{ category }}
</a>
</span>
{% endif %}
{% endfor %}
</div>
</p>
</div>
{% assign i = i | plus: 1 %}
{% endfor %}
</div>
<section class="bottom-cta">
<h2 class="editable">Callysto revolves around <strong>Jupyter</strong>.</h2>
<p>
<div class="button alt"><a href="https://jupyter.org" target="_blank">Learn more about Jupyter</a></div>
</p>
</section>
</div>
{% include typewrite.html %}
{% include animate_on_scroll.html %}
{% include juniper.html %}