Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adaptations to Bootstrap 5 / WebPack 5 / Dart Sass #324

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions layouts/_default/baseof.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="{{ .Site.BaseURL }}">
<title>{{ .Title }}</title>
Expand Down
58 changes: 29 additions & 29 deletions layouts/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
<div class="home">

<section class="hero-header">
<div class="container">
<div class="container-fluid container-md">
<div class="row">
<div class="col-md-8">
<div class="col-lg-8">
<div class="tagline">
<h1>
<span class="emphasis title">Pyramid</span><br>
Expand All @@ -31,14 +31,14 @@ <h1>
</section>

<section class="try-pyramid">
<div class="container">
<div class="container-fluid container-md">
<div class="row">
<div class="col-md-12">
<div class="col-lg-12">
<h2 class="title text-red">Quick <strong>Start</strong></h2>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="col-lg-6">
<pre class="nobs">
<code class="python">from wsgiref.simple_server import make_server
from pyramid.config import Configurator
Expand All @@ -56,7 +56,7 @@ <h2 class="title text-red">Quick <strong>Start</strong></h2>
server.serve_forever()</code>
</pre>
</div>
<div class="col-md-6">
<div class="col-lg-6">
<p>Pyramid makes it easy to write web applications. You can
<strong>start small</strong> with this "hello world" minimal
request/response web app. This may take you far, especially while
Expand Down Expand Up @@ -90,22 +90,22 @@ <h2 class="title text-red">Quick <strong>Start</strong></h2>
</section>

<section class="need-pyramid">
<div class="container">
<div class="container-fluid container-md">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h1 class="title text-green dark">
When You Need <strong>Pyramid</strong>
</h1>
</div>
<div class="col-md-5 col-md-offset-1">
<div class="col-lg-5 col-lg-offset-1">
<p><strong>Megaframeworks</strong> make decisions for you. But if you don't fit their viewpoint, you end up
fighting their decisions. <strong>Microframeworks</strong> force no decisions, making it easy to start. But
as your application grows, you're on your own.</p>
<p>In both cases, the focus is on the <strong>start</strong>: either too much or too little. Either way,
finishing and staying finished is hard. You need a <strong>finishing-focused</strong> framework with an
architectural design that scales down to getting started, then up as your application grows.</p>
</div>
<div class="col-md-5 feature">
<div class="col-lg-5 feature">
<p><strong>Pyramid</strong> was made for just this. It's a Goldilocks Solution: not too small, not too big,
just right.</p>
<p><strong>Pyramid</strong> The Start <strong>Small</strong>, Finish <strong>Big</strong>, Stay
Expand All @@ -116,9 +116,9 @@ <h1 class="title text-green dark">
</section>

<section class="section-content">
<div class="container">
<div class="container-fluid container-md">
<div class="row">
<div class="col-md-4">
<div class="col-lg-4">
<h1 class="title text-red">
Start <strong>Small</strong>
</h1>
Expand All @@ -138,7 +138,7 @@ <h1 class="title text-red">
<li><strong>Ask</strong> the growing <strong>Pyramid community</strong> for tips and successes</li>
</ul>
</div>
<div class="col-md-4">
<div class="col-lg-4">
<h1 class="title not-first text-red">
Finish <strong>Big</strong>
</h1>
Expand All @@ -158,7 +158,7 @@ <h1 class="title not-first text-red">
<li>Gain insight from our long-standing <strong>culture of systems</strong> that organically get big</li>
</ul>
</div>
<div class="col-md-4">
<div class="col-lg-4">
<h1 class="title not-first text-red">
Stay <strong>Finished</strong>
</h1>
Expand Down Expand Up @@ -186,9 +186,9 @@ <h1 class="title not-first text-red">
</section>

<section class="section-content section-beige">
<div class="container">
<div class="container-fluid container-md">
<div class="row">
<div class="col-md-6">
<div class="col-lg-6">
<h1 class="title text-green dark">
Supports Your <strong>Decisions</strong>
</h1>
Expand All @@ -206,7 +206,7 @@ <h1 class="title text-green dark">
<strong>SQLAlchemy</strong> and others</li>
</ul>
</div>
<div class="col-md-6">
<div class="col-lg-6">
<h1 class="title not-first text-green dark">
By <strong>Artisans</strong>, For <strong>Artisans</strong>
</h1>
Expand All @@ -229,9 +229,9 @@ <h1 class="title not-first text-green dark">
</section>

<section class="section-content">
<div class="container">
<div class="container-fluid container-md">
<div class="row">
<div class="col-md-12">
<div class="col-lg-12">
<h2 class="title text-red">Pyramid <strong>Features</strong></h2>
<p>To demonstrate these features, <a
href="https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/install.html">install Pyramid</a>,
Expand All @@ -242,7 +242,7 @@ <h2 class="title text-red">Pyramid <strong>Features</strong></h2>
</div>
</div>
<div class="row">
<div class="col-md-6 code-wrapper">
<div class="col-lg-6 code-wrapper">
<div class="code-expand collapsed">
<i class="fa fa-arrows-v" aria-hidden="true"></i>
</div>
Expand All @@ -268,7 +268,7 @@ <h2 class="title text-red">Pyramid <strong>Features</strong></h2>
server.serve_forever()</span></code>
</pre>
</div>
<div class="col-md-6">
<div class="col-lg-6">
<h3 class="title"><a
href="https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/viewconfig.html#mapping-views-using-a-decorator-section">
Function Decorators</a></h3>
Expand All @@ -281,7 +281,7 @@ <h3 class="title"><a
</div>
</div>
<div class="row">
<div class="col-md-6 code-wrapper">
<div class="col-lg-6 code-wrapper">
<div class="code-expand collapsed">
<i class="fa fa-arrows-v" aria-hidden="true"></i>
</div>
Expand All @@ -308,7 +308,7 @@ <h3 class="title"><a
server.serve_forever()</span></code>
</pre>
</div>
<div class="col-md-6">
<div class="col-lg-6">
<h3 class="title"><a
href="https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/viewconfig.html#view-configuration-parameters">
Predicates</a></h3>
Expand All @@ -320,7 +320,7 @@ <h3 class="title"><a
</div>
</div>
<div class="row">
<div class="col-md-6 code-wrapper">
<div class="col-lg-6 code-wrapper">
<div class="code-expand collapsed">
<i class="fa fa-arrows-v" aria-hidden="true"></i>
</div>
Expand All @@ -346,7 +346,7 @@ <h3 class="title"><a
server.serve_forever()</span></code>
</pre>
</div>
<div class="col-md-6">
<div class="col-lg-6">
<h3 class="title"><a href="https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/renderers.html">
Renderers</a></h3>
<p>Convert non-response return values that are later consumed by
Expand All @@ -357,7 +357,7 @@ <h3 class="title"><a href="https://docs.pylonsproject.org/projects/pyramid/en/la
</div>
</div>
<div class="row">
<div class="col-md-6 code-wrapper">
<div class="col-lg-6 code-wrapper">
<div class="code-expand collapsed">
<i class="fa fa-arrows-v" aria-hidden="true"></i>
</div>
Expand Down Expand Up @@ -398,7 +398,7 @@ <h3 class="title"><a href="https://docs.pylonsproject.org/projects/pyramid/en/la
server.serve_forever()</span></code>
</pre>
</div>
<div class="col-md-6">
<div class="col-lg-6">
<h3 class="title"><a href="https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/assets.html">
Asset Specifications</a></h3>
<p>Allows specifying the location of assets in a package. Here the
Expand All @@ -410,7 +410,7 @@ <h3 class="title"><a href="https://docs.pylonsproject.org/projects/pyramid/en/la
</div>
</div>
<div class="row">
<div class="col-md-6 code-wrapper">
<div class="col-lg-6 code-wrapper">
<div class="code-expand collapsed">
<i class="fa fa-arrows-v" aria-hidden="true"></i>
</div>
Expand Down Expand Up @@ -443,7 +443,7 @@ <h3 class="title"><a href="https://docs.pylonsproject.org/projects/pyramid/en/la
server.serve_forever()</span></code>
</pre>
</div>
<div class="col-md-6">
<div class="col-lg-6">
<h3 class="title"><a href="https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/hooks.html">
Events and Subscribers</a></h3>
<p>An event is an object broadcast at interesting points during the
Expand Down
2 changes: 1 addition & 1 deletion layouts/page/colors.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{{ define "main" }}

<div class="page">
<div class="container">
<div class="container-fluid container-md">
<p><strong>{{ .Title }}</strong></p>
<div>Primary</div>
<div class="bg-primary lighter text-white">Lighter</div>
Expand Down
Loading