Skip to content

Commit 1aaee6a

Browse files
hjwphjwp
committed
mess about trying to style the front banner
1 parent 1ecfef4 commit 1aaee6a

10 files changed

+69
-10
lines changed

‎_site/blog/2017-09-07-introducing-command-handler.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
1111
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
1212
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/friendly.css">
13+
<link rel="stylesheet" href="/styles.css">
1314
</head>
1415

1516
<body>

‎_site/blog/2017-09-08-repository-and-unit-of-work-pattern-in-python.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
1111
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
1212
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/friendly.css">
13+
<link rel="stylesheet" href="/styles.css">
1314
</head>
1415

1516
<body>

‎_site/blog/2017-09-13-commands-and-queries-handlers-and-views.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
1111
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
1212
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/friendly.css">
13+
<link rel="stylesheet" href="/styles.css">
1314
</head>
1415

1516
<body>

‎_site/blog/2017-09-19-why-use-domain-events.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
1111
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
1212
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/friendly.css">
13+
<link rel="stylesheet" href="/styles.css">
1314
</head>
1415

1516
<body>

‎_site/blog/2020-01-25-testing_external_api_calls.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
1111
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
1212
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/friendly.css">
13+
<link rel="stylesheet" href="/styles.css">
1314
</head>
1415

1516
<body>

‎_site/index.html

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
1111
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
1212
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/friendly.css">
13+
<link rel="stylesheet" href="/styles.css">
1314
</head>
1415

1516
<body>
@@ -27,13 +28,17 @@ <h1 class="title">Cosmic Python</h1>
2728

2829
<div class="row">
2930
<div class="column">
30-
<img src="https://www.jpl.nasa.gov/spaceimages/images/largesize/PIA13111_hires.jpg" />
31+
<div class="banner-image-container">
32+
<img src="https://www.jpl.nasa.gov/spaceimages/images/largesize/PIA13111_hires.jpg" />
33+
<div class="banner-text">
34+
<h1>cosmic_python</h1>
35+
<h2>Simple patterns for building complex applications</h2>
36+
</div>
37+
</div>
3138
</div>
3239
</div>
33-
<h1>Cosmic Python</h1>
34-
<h2>Simple patterns for building complex applications</h2>
3540
<p>
36-
<em>
41+
<em class="align-right">
3742
(Because "Cosmos" is the
3843
<a href="https://www.goodreads.com/quotes/604655-cosmos-is-a-greek-word-for-the-order-of-the">opposite of Chaos</a>,
3944
you see)

‎_site/rss.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
Simple patterns for building complex apps
88
</description>
99
<link>https://cosmicpython.com</link>
10-
<lastBuildDate>Mon, 16 Mar 2020 13:29:49 -0000</lastBuildDate>
10+
<lastBuildDate>Mon, 16 Mar 2020 14:54:40 -0000</lastBuildDate>
1111
<pubDate>Sat, 4 Jan 2020 19:15:54 -0500</pubDate>
1212
<atom:link href="https://cosmicpython.com/rss.xml" rel="self" type="application/rss+xml" />
1313

‎_site/styles.css

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
.banner-image-container {
2+
position: relative;
3+
}
4+
.banner-image-container .banner-text {
5+
position: absolute;
6+
top: 50%;
7+
left: 50%;
8+
transform: translate(-50%, -50%);
9+
width: 90%;
10+
text-align: center;
11+
}
12+
.banner-text h1 {
13+
font-size: 3rem;
14+
font-weight: bold;
15+
color: white;
16+
text-shadow: 1px 1px grey;
17+
font-family: 'Cousine', monospace;
18+
margin-bottom: 0;
19+
}
20+
21+
.banner-text h2 {
22+
font-size: 1.5rem;
23+
font-style: italic;
24+
color: white;
25+
letter-spacing: 0;
26+
background-color: black
27+
}
28+
29+
@media (min-width: 40.0rem) {
30+
.banner-text h1 {
31+
font-size: 8rem;
32+
text-shadow: 2px 2px grey;
33+
}
34+
35+
.banner-text h2 {
36+
font-size: 4.2rem;
37+
text-shadow: 2px 2px grey;
38+
background-color: transparent;
39+
}
40+
}
41+
42+
.align-right {
43+
text-align: right;
44+
}
45+

‎pages/index.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,19 @@
11
{% extends "templates/base.html" %}
22

3-
43
{% block content_block %}
54
<div class="row">
65
<div class="column">
7-
<img src="https://www.jpl.nasa.gov/spaceimages/images/largesize/PIA13111_hires.jpg" />
6+
<div class="banner-image-container">
7+
<img src="https://www.jpl.nasa.gov/spaceimages/images/largesize/PIA13111_hires.jpg" />
8+
<div class="banner-text">
9+
<h1>cosmic_python</h1>
10+
<h2>Simple patterns for building complex applications</h2>
11+
</div>
12+
</div>
813
</div>
914
</div>
10-
<h1>Cosmic Python</h1>
11-
<h2>Simple patterns for building complex applications</h2>
1215
<p>
13-
<em>
16+
<em class="align-right">
1417
(Because "Cosmos" is the
1518
<a href="https://www.goodreads.com/quotes/604655-cosmos-is-a-greek-word-for-the-order-of-the">opposite of Chaos</a>,
1619
you see)

‎templates/base.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
1111
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
1212
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/friendly.css">
13+
<link rel="stylesheet" href="/styles.css">
1314
</head>
1415

1516
<body>

0 commit comments

Comments
 (0)