Skip to content

Commit 1308ff3

Browse files
committed
Adapt changes from main
1 parent 27c8f67 commit 1308ff3

File tree

2 files changed

+91
-34
lines changed

2 files changed

+91
-34
lines changed

assets/css/main.css

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -350,6 +350,62 @@ a.examples-block:hover {
350350
z-index: 1;
351351
}
352352

353+
a.examples-block {
354+
display: block;
355+
color: #fff;
356+
margin: 0 auto;
357+
padding: 1rem;
358+
background: #1D1D22;
359+
border: 2px solid #FDA703;
360+
border-radius: 10px;
361+
margin: 2rem auto;
362+
/* color: #fff; */
363+
text-decoration: none;
364+
max-width: 370px;
365+
366+
align-items: center;
367+
border-radius: 10px;
368+
color: #fff;
369+
/* cursor: pointer; */
370+
display: flex;
371+
padding: 1rem;
372+
position: relative;
373+
text-decoration: none;
374+
}
375+
376+
a.examples-block span {
377+
color: #FDA703;
378+
}
379+
380+
.examples-block p {
381+
font-size: 0.85rem;
382+
}
383+
384+
.examples-block .glyph {
385+
background-color: #FDA703;
386+
}
387+
388+
.examples-block .glyph svg {
389+
fill: #1D1D22;
390+
}
391+
392+
a.examples-block:hover .glyph {
393+
background-color: #1D1D22;
394+
}
395+
396+
.examples-block:hover .glyph svg {
397+
fill: #FDA703;
398+
}
399+
400+
a.examples-block:hover span {
401+
color: inherit;
402+
}
403+
404+
a.examples-block:hover {
405+
background: #FDA703;
406+
color: #1D1D22;
407+
}
408+
353409
.glyph {
354410
background-color: #2C2E34;
355411
border-radius: 10px;

index.html

Lines changed: 35 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,46 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
7-
<title>PyScript | Run Python in your HTML</title>
8-
<meta name="description" content="PyScript">
9-
<meta name="author" content="Anaconda Inc.">
10-
<meta property="og:title" content="Pyscript.net">
11-
<meta property="og:type" content="website">
12-
<meta property="og:description" content="Run Python code in your HTML.">
13-
<meta property="og:image" content="assets/images/pyscript-preview.png">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
7+
<title>PyScript | Run Python in your HTML</title>
8+
<meta name="description" content="PyScript">
9+
<meta name="author" content="Anaconda Inc.">
10+
<meta property="og:title" content="Pyscript.net">
11+
<meta property="og:type" content="website">
12+
<meta property="og:description" content="Run Python code in your HTML.">
13+
<meta property="og:image" content="assets/images/pyscript-preview.png">
1414

1515
<!--
16-
<link rel="icon" href="/favicon.ico">
17-
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
18-
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
16+
<link rel="icon" href="/favicon.ico">
17+
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
18+
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
1919
-->
2020

2121
<link rel="preconnect" href="https://fonts.googleapis.com">
2222
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2323
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
2424

25-
<link rel="stylesheet" href="assets/css/main.css?v=1.3">
25+
<link rel="stylesheet" href="assets/css/main.css?v=1.2">
2626

2727
<!-- Global site tag (gtag.js) - Google Analytics -->
2828
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LKETQQ110J"></script>
2929
<script>
3030
window.dataLayer = window.dataLayer || [];
31-
function gtag() {
32-
dataLayer.push(arguments);
33-
}
34-
gtag('js', new Date());
35-
gtag('config', 'G-LKETQQ110J');
31+
function gtag() {
32+
dataLayer.push(arguments);
33+
}
34+
gtag('js', new Date());
35+
36+
gtag('config', 'G-LKETQQ110J');
3637
</script>
37-
</head>
3838

39-
<body>
39+
40+
41+
</head>
42+
43+
<body>
4044
<main class="main">
4145

4246
<!-- begin header -->
@@ -82,7 +86,9 @@
8286
<div class="dialogs">
8387
<div class="dialog dropdown" tabindex="1">
8488
<div class="glyph">
85-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M572.6 270.3l-96 192C471.2 473.2 460.1 480 447.1 480H64c-35.35 0-64-28.66-64-64V96c0-35.34 28.65-64 64-64h117.5c16.97 0 33.25 6.742 45.26 18.75L275.9 96H416c35.35 0 64 28.66 64 64v32h-48V160c0-8.824-7.178-16-16-16H256L192.8 84.69C189.8 81.66 185.8 80 181.5 80H64C55.18 80 48 87.18 48 96v288l71.16-142.3C124.6 230.8 135.7 224 147.8 224h396.2C567.7 224 583.2 249 572.6 270.3z"/></svg>
89+
<svg width="16px" height="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-grid">
90+
<path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
91+
</svg>
8692
</div>
8793

8894
<div>
@@ -91,11 +97,6 @@ <h2>Examples</h2>
9197
</div>
9298
</div>
9399

94-
</a>
95-
<!-- end examples badge -->
96-
97-
<!-- begin dialog content -->
98-
<div class="dialogs">
99100
<div class="dialog dropdown" tabindex="2">
100101
<div class="glyph">
101102
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
@@ -336,10 +337,10 @@ <h2>What is PyScript? Well, here are some of the core components:</h2>
336337
</script>
337338

338339
<!-- BEGIN HEAP INTEGRATION -->
339-
<script type="text/javascript">
340-
window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])};
341-
heap.load("758475466");
342-
</script>
343-
<!-- END HEAP INTEGRATION -->
344-
</body>
340+
<script type="text/javascript">
341+
window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])};
342+
heap.load("758475466");
343+
</script>
344+
<!-- END HEAP INTEGRATION -->
345+
</body>
345346
</html>

0 commit comments

Comments
 (0)