Skip to content

Commit bcc3201

Browse files
author
jeffreykennethli
authored
Update website (#4)
Signed-off-by: jeffreykennethli <jkli@ponder.io>
1 parent 65c515b commit bcc3201

File tree

3 files changed

+43
-109
lines changed

3 files changed

+43
-109
lines changed

‎css/agency.css

+6
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,10 @@ section h3.section-subheading {
8686
box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
8787
}
8888

89+
.code-block {
90+
font-family: 'Roboto Mono', monospace;
91+
}
92+
8993
::selection {
9094
background: #fed136;
9195
text-shadow: none;
@@ -649,13 +653,15 @@ section#contact :-ms-input-placeholder {
649653
footer {
650654
padding: 25px 0;
651655
text-align: center;
656+
background-color: #001729;
652657
}
653658

654659
footer span.copyright {
655660
font-size: 90%;
656661
line-height: 40px;
657662
text-transform: none;
658663
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
664+
color: white
659665
}
660666

661667
footer ul.quicklinks {

‎index.html

+36-29
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<meta name="description" content="">
99
<meta name="author" content="">
1010

11-
<title>Modin - Scale Your Pandas Workflows</title>
11+
<title>Modin - Scale Your pandas Workflows</title>
1212

1313
<script src="vendor/jquery/jquery.min.js"></script>
1414
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
@@ -73,29 +73,29 @@
7373
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
7474
<div class="container">
7575
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="img/MODIN_hrz_trans_cropped.png" style="height:25px;"></a>
76-
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
76+
<!-- <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
7777
Menu
7878
<i class="fas fa-bars"></i>
79-
</button>
80-
<div class="collapse navbar-collapse" id="navbarResponsive">
81-
<ul class="navbar-nav text-uppercase ml-auto">
82-
<li class="nav-item">
79+
</button> -->
80+
<!-- <div class="collapse navbar-collapse" id="navbarResponsive">
81+
<ul class="navbar-nav text-uppercase ml-auto"> -->
82+
<!-- <li class="nav-item">
8383
<a class="nav-link js-scroll-trigger" href="#documentation">Documentation</a>
84-
</li>
84+
</li> -->
8585
<!-- <li class="nav-item">
8686
<a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
8787
</li> -->
88-
<li class="nav-item">
88+
<!-- <li class="nav-item">
8989
<a class="nav-link js-scroll-trigger" href="#blog">Blog</a>
90-
</li>
90+
</li> -->
9191
<!-- <li class="nav-item">
9292
<a class="nav-link js-scroll-trigger" href="#contribute">Contribute</a>
9393
</li>
9494
<li class="nav-item">
9595
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
9696
</li> -->
97-
</ul>
98-
</div>
97+
<!-- </ul>
98+
</div> -->
9999
</div>
100100
</nav>
101101

@@ -115,18 +115,18 @@
115115
<div class="container">
116116
<div class="row">
117117
<div class="col-lg-12 text-center">
118-
<h2 class="section-heading text-uppercase">Accelerate your Pandas workflows by changing a single line of code</h2>
118+
<h2 class="section-heading">Scale your Pandas workflows by changing a single line of code</h2>
119119
<div class="code-container" style="min-width: 200px; min-height: 150px; border: 1px solid black; font-family:'Consolas';">
120120
<div style="color: navy; min-width: 8%; display: inline-block; position:absolute;left:1%; top:47%;">In [1]:</div>
121121
<div style="background-color: #F6F6F6; text-align: left; border: 1px solid lightgray; min-width: 87%; min-height: 60px; margin-top: 10px; display: inline-block; position: absolute; left: 9%; top:43%;">
122-
<span class="element1" id="element1"></span>
122+
<span class="code-block" id="element1"></span>
123123
<br>
124-
<span class="element2" id="element2"></span>
124+
<span class="code-block" id="element2"></span>
125125
</div>
126126
<br>
127127
<div style="color: navy; min-width: 8%; display: inline-block; position:absolute;left:1%; top:75%;">In [2]:</div>
128128
<div style="background-color: #F6F6F6; text-align: left; border: 1px solid lightgray; min-width: 87%; min-height: 60px; margin-top: 10px; margin-bottom:10px; display: inline-block; position: absolute; left: 9%; top:70%;">
129-
<span class="element3" id="element3">
129+
<span class="code-block" id="element3">
130130
df = pd.read_csv(<span style="color:#cc3300;">"/path/to/file"</span>)
131131
<br>
132132
df.describe()
@@ -147,6 +147,14 @@ <h2 class="section-heading text-uppercase">Accelerate your Pandas workflows by c
147147
<h4 class="service-heading">Github</h4>
148148
<!-- <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> -->
149149
</div>
150+
<div class="col-md-3">
151+
<a href="https://join.slack.com/t/modin-project/shared_invite/zt-yvk5hr3b-f08p_ulbuRWsAfg9rMY3uA" target="_blank"><span class="fa-stack fa-4x">
152+
<i class="fas fa-circle fa-stack-2x text-primary"></i>
153+
<i class="fab fa-slack fa-stack-1x fa-inverse"></i>
154+
</span></a>
155+
<h4 class="service-heading">Slack</h4>
156+
<!-- <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> -->
157+
</div>
150158
<div class="col-md-3">
151159
<a href="https://discuss.modin.org/" target="_blank"><span class="fa-stack fa-4x">
152160
<i class="fas fa-circle fa-stack-2x text-primary"></i>
@@ -160,17 +168,16 @@ <h4 class="service-heading">Discourse</h4>
160168
<i class="fas fa-circle fa-stack-2x text-primary"></i>
161169
<img src="img/readthedocs.png" style="width:1em;position: absolute;text-align: center;left: 50px; top: 30px; display: inline-block;">
162170
</span></a>
163-
<h4 class="service-heading">Readthedocs</h4>
171+
<h4 class="service-heading">Documentation</h4>
164172
<!-- <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> -->
165173
</div>
166-
<div class="col-md-3">
174+
<!-- <div class="col-md-3">
167175
<a href="https://mybinder.org/v2/gh/modin-project/modin/master" target="_blank"><span class="fa-stack fa-4x">
168176
<i class="fas fa-circle fa-stack-2x text-primary"></i>
169177
<img src="img/binder.png" style="width:1.25em;position: absolute;text-align: center;left: 38px; top:23px;display: inline-block;">
170178
</span></a>
171179
<h4 class="service-heading">Binder</h4>
172-
<!-- <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> -->
173-
</div>
180+
</div> -->
174181
</div>
175182
</div>
176183
</section>
@@ -274,7 +281,7 @@ <h4>Window</h4>
274281
</section> -->
275282

276283
<!-- Blog -->
277-
<section id="blog" style="background-color: #f5f5f5; border-top: 1px solid #e8e8e8; padding: 50px 0;">
284+
<!-- <section id="blog" style="background-color: #f5f5f5; border-top: 1px solid #e8e8e8; padding: 50px 0;">
278285
<div class="container">
279286
<div class="row">
280287
<div class="col-lg-12 text-center">
@@ -295,7 +302,7 @@ <h4>February 2, 2019</h4>
295302
<h4 class="subheading">Scaling Interactive Pandas Workflows with Modin – Talk at PyData NYC 2018</h4>
296303
</div>
297304
<div class="timeline-body">
298-
<!-- <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p> -->
305+
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
299306
</div>
300307
</div>
301308
</li>
@@ -309,7 +316,7 @@ <h4>October 28, 2018</h4>
309316
<h4 class="subheading">Modin (Pandas on Ray)</h4>
310317
</div>
311318
<div class="timeline-body">
312-
<!-- <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p> -->
319+
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
313320
</div>
314321
</div>
315322
</li>
@@ -323,7 +330,7 @@ <h4>July 7, 2018</h4>
323330
<h4 class="subheading">Pandas on Ray – Early Lessons from Parallelizing Pandas</h4>
324331
</div>
325332
<div class="timeline-body">
326-
<!-- <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p> -->
333+
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
327334
</div>
328335
</div>
329336
</li>
@@ -337,7 +344,7 @@ <h4>March 3, 2018</h4>
337344
<h4 class="subheading">Pandas on Ray</h4>
338345
</div>
339346
<div class="timeline-body">
340-
<!-- <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p> -->
347+
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
341348
</div>
342349
</div>
343350
</li>
@@ -352,7 +359,7 @@ <h4>More Posts
352359
</div>
353360
</div>
354361
</div>
355-
</section>
362+
</section> -->
356363

357364
<!-- Contribute -->
358365
<!-- <section class="bg-light" id="contribute">
@@ -522,8 +529,8 @@ <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur
522529
<footer>
523530
<div class="container">
524531
<div class="row">
525-
<div class="col-md-6">
526-
<span class="copyright">Copyright &copy; Modin 2019</span>
532+
<div>
533+
<span class="copyright">Copyright &copy; Modin 2022</span>
527534
</div>
528535
<!-- <div class="col-md-4">
529536
<ul class="list-inline social-buttons">
@@ -544,7 +551,7 @@ <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur
544551
</li>
545552
</ul>
546553
</div> -->
547-
<div class="col-md-6">
554+
<!-- <div class="col-md-6">
548555
<ul class="list-inline quicklinks">
549556
<li class="list-inline-item">
550557
<a href="#">Privacy Policy</a>
@@ -553,7 +560,7 @@ <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur
553560
<a href="#">Terms of Use</a>
554561
</li>
555562
</ul>
556-
</div>
563+
</div> -->
557564
</div>
558565
</div>
559566
</footer>

0 commit comments

Comments
 (0)