patx/micropie
update website to match new logo
Commit a2959f4 · patx · 2026-02-06T14:18:04-05:00
Comments
No comments yet.
Diff
diff --git a/docs/index.html b/docs/index.html
index 78ac2c7..a2cd79d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -37,7 +37,7 @@
text-align: center;
}
h1, h2 {
- color: #B22222;
+ color: #d20f23;
font-weight: 600;
}
h2 {
@@ -49,14 +49,14 @@
color: #555;
}
a {
- color: #B22222;
+ color: #d20f23;
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
a:hover {
- color: #B22222;
- border-bottom: 1px dotted #B22222;
+ color: #d20f23;
+ border-bottom: none;
}
pre {
background: #f5f2f0;
@@ -73,7 +73,7 @@
color: #8F5902;
}
span.c9 {
- color: #B22222;
+ color: #d20f23;
}
.github-banner img {
position: fixed;
@@ -83,18 +83,18 @@
}
.button {
display: inline-block;
- background: #B22222;
+ background: #d20f23;
color: #fff;
padding: 15px 30px;
- border-radius: 30px;
+ border-radius: 12px;
font-size: 18px;
font-weight: 600;
transition: background 0.3s ease;
}
.button:hover {
background: white;
- border: 2px solid #B22222;
- color: #B22222
+ border: 2px solid #d20f23;
+ color: #d20f23
}
@media (max-width: 768px) {
.container {
@@ -112,6 +112,42 @@
display: none;
}
}
+ .github-corner {
+ position: fixed;
+ top: 0;
+ right: 0;
+ z-index: 1000;
+ }
+
+ .github-corner svg {
+ fill: #d20f23;
+ transition: transform 0.25s ease;
+ }
+
+ .github-corner:hover svg {
+ transform: scale(1.05);
+ }
+
+ .github-corner .octo-arm {
+ transform-origin: 130px 106px;
+ }
+
+ .github-corner:hover .octo-arm {
+ animation: octocat-wave 560ms ease-in-out;
+ }
+
+ @keyframes octocat-wave {
+ 0%, 100% { transform: rotate(0); }
+ 20%, 60% { transform: rotate(-25deg); }
+ 40%, 80% { transform: rotate(10deg); }
+ }
+
+ @media (max-width: 768px) {
+ .github-corner {
+ display: none;
+ }
+ }
+
</style>
</head>
<body>
@@ -119,10 +155,7 @@
<div class="logo">
<img src="https://patx.github.io/micropie/logo.png" alt="MicroPie logo">
</div>
- <p><strong>MicroPie is an ultra-micro ASGI Python web framework</strong> that gets out of your way, letting you build fast and dynamic web apps with ease.
- Inspired by <a href="https://cherrypy.dev/">CherryPy</a> and licensed under the BSD three-clause license.</p>
-
- <h2>MicroPie is Fun</h2>
+ <h2>Ultra-micro ASGI framework, BSD 3-clause</h2>
<pre><code>
<span class="c2">from</span> micropie <span class="c2">import</span> App
@@ -134,18 +167,47 @@
app = MyApp() <small><em># Run with `uvicorn app:app`</em></small>
</code></pre>
- <h2> And Easy to Install</h2>
+ <h2>Easy to Install</h2>
<pre><code><span class="c2">$</span> pip install <span class="c9">micropie</span></code></pre>
<p><br><br>
<a href="https://github.com/patx/micropie" class="button">View source code, examples and documentation on GitHub</a>
</p>
</div>
- <div class="github-banner">
- <a href="https://github.com/patx/micropie">
- <img src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub">
- </a>
- </div>
+
+ <a class="github-corner" href="https://github.com/patx/micropie" aria-label="View source on GitHub">
+ <svg width="80" height="80" viewBox="0 0 250 250" aria-hidden="true">
+ <path d="M0,0 L250,0 L250,250 Z" fill="#d20f23"></path>
+ <path d="M128.3,109.0
+ C113.8,99.7 119.0,89.6 119.0,89.6
+ C122.0,82.7 120.5,78.6 120.5,78.6
+ C119.2,72.0 123.4,76.3 123.4,76.3
+ C127.3,80.9 125.5,87.3 125.5,87.3
+ C122.9,97.6 130.6,101.9 134.4,103.2"
+ fill="#fff"
+ class="octo-arm"/>
+ <path d="M115.0,115.0
+ C114.9,115.1 118.7,116.5 119.8,115.4
+ L133.7,101.6
+ C136.9,99.2 139.9,98.4 142.2,98.6
+ C133.8,88.0 127.5,74.4 143.8,58.0
+ C148.5,53.4 154.0,51.2 159.7,51.0
+ C160.3,49.4 163.2,43.6 171.4,40.1
+ C171.4,40.1 176.1,42.1 178.8,56.2
+ C183.1,58.6 187.2,61.8 190.9,65.4
+ C194.5,69.0 197.7,73.2 200.1,77.6
+ C214.2,80.3 216.2,85.0 216.2,85.0
+ C212.7,93.2 206.9,96.1 205.4,96.7
+ C205.1,102.4 203.0,107.8 198.3,112.5
+ C181.9,128.9 168.3,122.5 157.7,114.1
+ C157.9,116.9 156.7,120.9 152.7,124.9
+ L141.0,136.5
+ C139.8,137.7 141.6,141.6 141.8,141.8
+ Z"
+ fill="#fff"/>
+ </svg>
+ </a>
+
</body>
</html>