Skip to content

Commit 0ab6d8c

Browse files
mireille-raadmireille-raad
committed
html and style fixes
1 parent 0be7a39 commit 0ab6d8c

14 files changed

+108
-90
lines changed

‎_config.yml

+2-1
Original file line numberDiff line numberDiff line change
@@ -23,12 +23,13 @@ description: "An open source Python-3 (CPython >= 3.5.0) Interpreter written in
2323
# baseurl: "/" # the subpath of your site, e.g. /blog
2424
url: "https://rustpython.github.io" # the base hostname & protocol for your site, e.g. http://example.com
2525
github_username: RustPython
26-
disclaimer: "The disclaimer not to use this in production. Update this in the config.yml file at the root."
26+
disclaimer: "RustPython is in a development phase and should not be used in production or a fault intolerant setting. Our current build supports only a subset of Python syntax."
2727
github: https://github.com/RustPython/RustPython/
2828
docs: https://github.com/RustPython/docs/
2929
gitter: https://gitter.im/rustpython/Lobby
3030
show_excerpts: true
3131
contributor_excerpt: "" # TODO: write something here, goes right under "Contributors" heading
32+
blog-intro: Create an issue if you read something wrong. Edit posts or create new ones via PR on <a target="_blank" href="https://github.com/RustPython/rustpython.github.io">github.com/RustPython/rustpython.github.io</a>
3233

3334
navigation:
3435
- title: Blog

‎_includes/header.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<header>
22
<nav class="menu w-100 text-center border-bottom">
33
<ul class="list-inline">
4-
<li class="m-small float-left"><a href="{{ site.baseurl }}">Home</a></li>
4+
<li class="float-left pl-1 pr-1"><a href="{{ site.url }}">Home</a></li>
55
{% for item in site.navigation %}
6-
<li class="m-small float-left"><a href="{{ item.url | relativeurl }}">{{item.title}}</a></li>
6+
<li class="float-left pr-1"><a href="{{ item.url | relativeurl }}">{{item.title}}</a></li>
77
{% endfor %}
88
</ul>
99
</nav>

‎_layouts/archive.html

+8-4
Original file line numberDiff line numberDiff line change
@@ -3,27 +3,31 @@
33
---
44

55
<section>
6-
<div class="w-80 m-auto mt-md-4 mt-sm-2">
6+
<div class="w-80 m-auto mt-2">
77
<div class="d-md-flex">
88
<div class="d-sm-none">
99
<img class="logo" src="{{site.baseurl}}/assets/img/rust-python-logo.svg" alt="RustPython Logo">
1010
</div>
1111
<div class="pl-md-2">
1212
<div class="section-title">Archive</div>
1313
<div class="title">{{ site.title }} {{ page.title | escape }}</div>
14+
<small>{{ site.blog-intro }}</small>
1415
</div>
1516
</div>
1617
</div>
1718
</section>
1819

19-
<div class="w-80 m-auto mt-md-4 mt-sm-2">
20+
<div class="w-80 m-auto mt-2">
21+
<div class="blog-intro">
22+
{{ content }}
23+
</div>
2024
{%- if site.posts.size > 0 -%}
2125
<ul class="list-unstyled ">
2226
{%- for post in site.posts -%}
23-
<li class="blog-entry mt-4">
27+
<li class="blog-entry mt-4 ">
2428
{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
2529
<!-- flex container -->
26-
<div class="d-md-flex">
30+
<div class="d-md-flex ">
2731
<div class="pl-md-2 mt-1">
2832
<mark class="post-date">{{ post.date | date: date_format }}</mark>
2933
</div>

‎_layouts/home.html

+24-22
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@
55
<!-- site title, logo and description -->
66
<!-- to update, edit the global site config.yaml -->
77
<section>
8-
<div class="w-md-50 m-auto mt-md-4 mt-sm-2">
9-
<div class="d-md-flex ml-lg-20-percent">
10-
<div class="pl-2 d-sm-none"><img class="logo" src="{{site.baseurl}}/assets/img/rust-python-logo.svg" alt="RustPython Logo">
8+
<div class="w-100 m-auto mt-2">
9+
<div class="d-md-flex justify-center">
10+
<div class="d-sm-none"><img class="logo" src="{{site.baseurl}}/assets/img/rust-python-logo.svg" alt="RustPython Logo">
1111
</div>
12-
<div class="pl-2">
12+
<div class="w-md-25 pl-2">
1313
<div class="title">{{ site.title }}</div>
1414
<div class="">
15-
<p class="w-80">
15+
<p>
1616
{{ site.description }}
1717
</p>
1818
</div>
@@ -23,45 +23,47 @@
2323

2424
<!-- explainer image, paragraph and links to demos -->
2525
<!-- to update, edit index.markdown file in the root folder -->
26-
<section class="p-2">
27-
<div class="m-auto w-md-30 mt-md-4">
26+
<section>
27+
<div class="m-auto w-md-25 mt-2">
2828
<img class="img-fluid" src="{{site.baseurl}}/assets/img/explainer.jpg" alt="RustPython Explainer">
2929
</div>
3030
<div class="mt-md-4 mt-sm-2 w-md-50 m-auto">
31-
<p class="mt-md-4 text-justify">
31+
<p class="mt-md-4">
3232
{{ page.explainer }}
3333
</p>
3434
</div>
3535
<div class="text-md-center">
3636
<ul class="list-inline">
3737
{% for demo in page.demo %}
38-
<li class="float-left m-small"><a rel="noopener" rel="noreferrer" href="{{ demo.url }}" target="_blank">{{ demo.label }}</a></li>
38+
<li class="float-left pr-1 mt-1"><a rel="noopener" rel="noreferrer" href="{{ demo.url }}" target="_blank">{{ demo.label }}</a></li>
3939
{% endfor %}
4040
</ul>
4141
</div>
4242
</section>
4343

4444
<!-- installation instructions -->
4545
<!-- to update, edit the parameters in the index.markdown file -->
46-
<section class="p-2">
46+
<section>
4747
<div class="text-center">
4848
<div class="section-title"> Installation</div>
4949
{% for install in page.installation %}
50-
<mark class="code m-auto"> {{ install.command }} </mark>
50+
<mark class="code d-table m-auto mt-1"> {{ install.command }} </mark>
5151
{% endfor %}
5252
<div class="mt-1"> <small><a rel="noopener" rel="noreferrer" href="{{ page.build-from-source-link }}" target="_blank">OR BUILD FROM SOURCE</a> </small></div>
5353
</div>
5454
</section>
5555

5656
<!-- goals and why rustpython -->
5757
<!-- to update, edit the parameters in the index.markdown file -->
58-
<section class="bg-light">
59-
<div class="w-80 m-auto p-2">
58+
<section class="bg-light mt-2">
59+
<div class="w-md-80 m-auto">
6060
<div class="section-title">Goals</div>
61-
<div id="goals" class="d-md-flex ">
61+
<div class="d-md-flex ">
6262
{% for goals in page.goals %}
63-
<div class="bg-rust text-white p-2 w-md-30 mt-2 goal">
64-
{{ goals.goal }}
63+
<div class="w-md-50 mt-2 goal bg-rust">
64+
<div class=" text-white p-2">
65+
{{ goals.goal }}
66+
</div>
6567
</div>
6668
{% endfor %}
6769
</div>
@@ -70,8 +72,7 @@
7072
{{ content }}
7173
</div>
7274
<div class="w-md-50 mt-2">
73-
<div class="border p-2 w-lg-30 w-md-50 m-auto mt-2">
74-
<div>
75+
<div class="border w-md-50 float-md-right mt-md-4 p-2">
7576
<strong> Learn more </strong>
7677
<!-- list of posts where category is "featured" -->
7778
<ul class="list-unstyled">
@@ -81,7 +82,6 @@
8182
{% endif %}
8283
{%- endfor -%}
8384
</ul>
84-
</div>
8585
</div>
8686
</div>
8787
</div>
@@ -91,15 +91,17 @@
9191
<!-- contributor list -->
9292
<!-- to edit, update _data/contributors.json -->
9393
<section>
94-
<div class="w-80 m-auto p-2">
94+
<div class="w-md-80 m-auto">
9595
<div class="section-title"> Contributors </div>
9696
<p class="w-80">{{ site.contributor_excerpt}}</p>
9797
<ul class="list-contributors">
9898
{% for contributor in site.data.contributors %}
9999
<li><a rel="noopener" rel="noreferrer" href="https://github.com/{{ contributor.github_username }}" target="_blank">{{ contributor.github_username }}</a></li>
100100
{% endfor %}
101101
</ul>
102-
<div><small><a href="https://github.com/RustPython/RustPython/graphs/contributors">VIEW MORE</a></small></div>
103-
<div><small><a href="https://github.com/RustPython/RustPython/#contributing">HOW TO CONTRIBUTE</a></small></div>
102+
<div class="d-md-flex">
103+
<div class="pr-1 mt-1"><small><a href="https://github.com/RustPython/RustPython/graphs/contributors">VIEW MORE</a></small></div>
104+
<div class="mt-1"><small><a href="https://github.com/RustPython/RustPython/#contributing">HOW TO CONTRIBUTE</a></small></div>
105+
</div>
104106
</div>
105107
</section>

‎_layouts/post.html

+12-16
Original file line numberDiff line numberDiff line change
@@ -3,26 +3,22 @@
33
---
44

55
<!-- header section -->
6-
<section>
7-
<div class="w-80 m-auto mt-md-4 mt-sm-2">
8-
<div class="d-md-flex">
9-
<div class="">
10-
<div class="section-title">{{ site.title }} Blog</div>
11-
<div class="title w-80 mt-sm-1"> {{ page.title | escape }}</div>
12-
</div>
13-
</div>
14-
</div>
6+
<section class="bg-light">
7+
<div class="w-80 m-auto">
8+
{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
9+
<mark class="post-date">{{ page.date | date: date_format }}</mark>
10+
11+
<div class="section-title mt-1">{{ site.title }} Blog</div>
12+
<div class="title mt-sm-1"> {{ page.title | escape }}</div>
13+
<small>{{ site.blog-intro }}</small>
14+
</div>
1515
</section>
1616

17-
<!-- date and content -->
17+
<!-- content -->
1818
<section>
19-
<div class="w-80 m-auto mt-2">
20-
<div class="w-md-75 d-flex">
21-
{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
22-
<mark class="post-date">{{ page.date | date: date_format }}</mark>
23-
<div class="w-md-75">
19+
<div class="w-md-80 m-auto">
20+
<div class="w-md-80">
2421
{{ content }}
25-
</div>
2622
</div>
2723
</div>
2824
</section>

‎_posts/2020-03-12-welcome-to-jekyll.markdown

-8
This file was deleted.

‎assets/media.css

+12-7
Original file line numberDiff line numberDiff line change
@@ -44,25 +44,30 @@
4444
width: 50%;
4545
}
4646

47-
.w-md-30 {
48-
width: 30%;
47+
.w-md-25 {
48+
width: 25%;
4949
}
5050

51-
.w-md-75 {
52-
width: 75%;
51+
.w-md-80 {
52+
width: 80%;
5353
}
5454

5555
.text-md-center {
5656
text-align: center;
5757
}
5858

59+
.goal:last-child{
60+
margin-left: 2em;
61+
}
62+
63+
.float-md-right {
64+
float: right;
65+
}
66+
5967
}
6068

6169
/* fixes for ipad */
6270
@media (min-width: 992px) {
63-
.ml-lg-20-percent {
64-
margin-left: 20%;
65-
}
6671

6772
.w-lg-30 {
6873
width: 30%;

‎assets/media/bytecode.jpg

19.8 KB
Loading

‎assets/media/python-larpop.jpg

101 KB
Loading

‎assets/media/tokenizing-with-errors.jpg

49.5 KB
Loading

‎assets/media/tokenizing.jpg

38.5 KB
Loading

0 commit comments

Comments
 (0)