Skip to content

Commit c78833c

Browse files
aclark4lifeaclark4life
committed
New template
1 parent c1dd9ed commit c78833c

File tree

4 files changed

+42
-104
lines changed

4 files changed

+42
-104
lines changed

‎images/pillow-logo-dark-text-200x71.png‎

15.6 KB
Loading

‎images/pillow-logo-light-text-200x71.png‎

15.3 KB
Loading

‎index.html‎

Lines changed: 42 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -1,118 +1,60 @@
1-
21
<!doctype html>
32
<html lang="en">
43
<head>
54
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7-
<meta name="description" content="Pillow: the friendly PIL fork">
8-
<meta name="generator" content="Jekyll v3.8.6">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<meta name="description" content="Python Pillow. Pillow: the friendly PIL fork. Python Imaging Library.">
7+
<meta name="author" content="Fredrik Lundh, Alex Clark, Pillow contributors">
98
<title>Python Pillow</title>
10-
11-
<link rel="canonical" href="https://python-pillow.org/">
12-
13-
<!-- Favicons -->
14-
<meta name="msapplication-config" content="/docs/4.4/assets/img/favicons/browserconfig.xml">
15-
16-
<meta name="theme-color" content="#563d7c">
17-
189
<link rel="icon" type="image/x-icon" href="/images/pillow.ico">
19-
20-
<style>
21-
.bd-placeholder-img {
22-
font-size: 1.125rem;
23-
text-anchor: middle;
24-
-webkit-user-select: none;
25-
-moz-user-select: none;
26-
-ms-user-select: none;
27-
user-select: none;
28-
}
29-
30-
@media (min-width: 768px) {
31-
.bd-placeholder-img-lg {
32-
font-size: 3.5rem;
33-
}
34-
}
35-
</style>
36-
<!-- Custom styles for this template -->
37-
<link href="jumbotron.css" rel="stylesheet">
10+
<link rel="canonical" href="https://python-pillow.org/">
3811
</head>
39-
<body>
40-
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
41-
<a class="navbar-brand" href="#"><img src="images/pillow-logo.png"></a>
42-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsDefault" aria-controls="navbarsDefault" aria-expanded="false" aria-label="Toggle navigation">
43-
<span class="navbar-toggler-icon"></span>
44-
</button>
45-
46-
<div class="collapse navbar-collapse" id="navbarsDefault">
47-
<ul class="navbar-nav mr-auto">
48-
<li class="nav-item">
49-
<a class="nav-link" href="#tidelift">Enterprise</a>
50-
</li>
51-
</ul>
52-
<ul class="navbar-nav ml-auto">
53-
<li class="nav-item">
54-
<a class="nav-link" target="_blank" href="https://www.facebook.com/Python-Pillow-102023528073709"><i class="fab fa-facebook fa-2x text-info"></i></a>
55-
</li>
56-
<li class="nav-item">
57-
<a class="nav-link" target="_blank" href="https://github.com/python-pillow"><i class="fab fa-github fa-2x text-info"></i></a>
58-
</li>
59-
<li class="nav-item">
60-
<a class="nav-link" target="_blank" href="https://twitter.com/PythonPillow"><i class="fab fa-twitter fa-2x text-info"></i></a>
61-
</li>
62-
</ul>
63-
</div>
64-
</nav>
65-
66-
<main role="main">
67-
68-
<!-- Main jumbotron for a primary marketing message or call to action -->
69-
<div class="jumbotron" style="background: url(images/img49.png)">
70-
<div class="container bg-dark text-light rounded p-3">
71-
<h1 class="display-3">Welcome</h1>
72-
<p class="lead">This is the home of Pillow, the friendly PIL fork. PIL is the Python Imaging Library. If you have ever worried or wondered about the future of PIL, please stop. <strong>We're here to save the day</strong>.</p>
73-
<p><a target="_blank" class="btn btn-primary btn-lg" href="https://pillow.readthedocs.io/en/stable/about.html" role="button">Learn more &raquo;</a></p>
12+
<body style="background: url(images/img49.png)">
13+
<main>
14+
<div class="container py-4">
15+
<header class="pb-3 mb-4 border-bottom">
16+
<a href="/" class="d-flex align-items-center text-dark text-decoration-none">
17+
<span class="fs-4"><img src="images/pillow-logo-light-text-200x71.png"></span>
18+
19+
</a>
20+
</header>
21+
<div class="p-5 mb-4 bg-light rounded-3">
22+
<div class="container-fluid py-5">
23+
<h1 class="display-5 fw-bold">Welcome</h1>
24+
<p class="col-md-8 fs-4">This is the home of Pillow, the friendly PIL fork. PIL is the Python Imaging Library. If you have ever worried or wondered about the future of PIL, please stop. We're here to save the day.
25+
</p>
26+
<button class="btn btn-primary btn-lg" type="button">Example button</button>
27+
</div>
7428
</div>
75-
</div>
76-
77-
<div class="container">
78-
<div class="row">
29+
<div class="row align-items-md-stretch">
7930
<div class="col-md-4">
80-
<h2>Documentation</h2>
81-
<p>Our documentation is <a target="_blank" href="https://pillow.readthedocs.io/">hosted on readthedocs.io</a> and includes <a target="_blank" href="https://pillow.readthedocs.io/en/stable/installation.html">installation instructions</a>, <a target="_blank" href="https://pillow.readthedocs.io/en/stable/handbook/index.html">handbook</a>, <a target="_blank" href= "https://pillow.readthedocs.io/en/stable/reference/index.html">API reference</a> and <a target="_blank" href="https://pillow.readthedocs.io/en/stable/releasenotes/index.html">release notes</a>.</p>
82-
<p><a target="_blank" class="btn btn-secondary" href="https://pillow.readthedocs.io/" role="button">View details &raquo;</a></p>
31+
<div class="h-100 p-5 text-white bg-dark rounded-3">
32+
<h2>Documentation</h2>
33+
<p>Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron look. Then, mix and match with additional component themes and more.</p>
34+
<button class="btn btn-outline-light" type="button">Example button</button>
35+
</div>
8336
</div>
8437
<div class="col-md-4">
85-
<h2>Discussion</h2>
86-
<p>Discussion about Pillow development, programming and technical issues occurs on <a target="_blank" href="https://github.com/python-pillow/Pillow/issues">GitHub</a>, <a target="_blank" href="https://stackoverflow.com/questions/tagged/python-imaging-library">Stack Overflow</a>, <a target="_blank" href="https://gitter.im/python-pillow/Pillow">Gitter</a> and <a target="_blank" href="irc://irc.freenode.net#pil">IRC</a>.</p><p>You may also watch the <a href="https://www.youtube.com/watch?v=D0YwZhksDs8" target="_blank">2020 State of Pillow talk on YouTube</a>.</p>
38+
<div class="h-100 p-5 bg-light border rounded-3">
39+
<h2>Discussion</h2>
40+
<p>Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.</p>
41+
<button class="btn btn-outline-secondary" type="button">Example button</button>
42+
</div>
8743
</div>
8844
<div class="col-md-4">
89-
<h2>Source Code</h2>
90-
<p>Our source code is <a target="_blank" href= "https://github.com/python-pillow/Pillow">hosted on GitHub</a> and tested on <a target="_blank" href="https://github.com/python-pillow/Pillow/actions">GitHub Actions</a>, <a target="_blank" href="https://ci.appveyor.com/project/python-pillow/Pillow">AppVeyor</a>, <a target="_blank" href="https://travis-ci.com/github/python-pillow/pillow-wheels">Travis CI</a>, <a target="_blank" href="https://codecov.io/gh/python-pillow/Pillow">Codecov</a> and released on the <a target="_blank" href="https://pypi.org/project/Pillow">Python Package Index</a>.</p>
91-
<p><a target="_blank" class="btn btn-secondary" href="https://github.com/python-pillow/Pillow" role="button"><i class="fab fa-github mr-1"></i>View details &raquo;</a></p>
92-
</div>
93-
</div>
94-
<div class="row justify-content-center mt-3 bg-light p-3" id="tidelift">
95-
<div class="col-md-8 text-center">
96-
<p>
97-
<h2>For Enterprise</h2>
98-
</p>
99-
<p>
100-
<img class="img-fluid" src="images/Tidelift_primary-logo.png">
101-
</p>
102-
<p>Available as part of the Tidelift Subscription.</p>
103-
<p class="text-left">The maintainers of Pillow and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use.</p>
104-
<p><a target="_blank" class="btn btn-primary btn-lg" href="https://tidelift.com/subscription/pkg/pypi-pillow?utm_source=pypi-pillow&utm_medium=referral&utm_campaign=enterprise&utm_term=repo">Learn more.</a></p>
45+
<div class="h-100 p-5 bg-light border rounded-3">
46+
<h2>Source Code</h2>
47+
<p>Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.</p>
48+
<button class="btn btn-outline-secondary" type="button">Example button</button>
49+
</div>
10550
</div>
10651
</div>
10752

108-
<hr>
109-
110-
</div> <!-- /container -->
111-
53+
<footer class="pt-3 mt-4 text-light border-top">
54+
&copy; 1995-2022. Copyright Fredrik Lundh (PIL author), Alex Clark (Pillow author) and contributors. Logo by Alastair Houghton. Psychedelic art by Jeremy Kun.
55+
</footer>
56+
</div>
11257
</main>
113-
114-
<footer class="container">
115-
<p>&copy; Copyright <a target="_blank" href="https://effbot.org/zone/copyright.htm">Fredrik Lundh (PIL author)</a>, <a target="_blank" href="https://aclark.net/#pillow">Alex Clark (Pillow fork author)</a> and <a target="_blank" href="https://github.com/python-pillow/Pillow/graphs/contributors">GitHub Contributors</a> 1995-2021. Logo by <a target="_blank" href="https://github.com/python-pillow/Pillow/issues/575">Alastair Houghton</a>. Psychedelic art by <a target="_blank" href="https://jeremykun.com/2012/01/01/random-psychedelic-art/">Jeremy Kun</a>.</p>
116-
</footer>
117-
<script src="dist/bundle.js"></script>
58+
<script src="dist/bundle.js"></script>
59+
</body>
11860
</html>

‎jumbotron.css‎

Lines changed: 0 additions & 4 deletions
This file was deleted.

0 commit comments

Comments
 (0)