Update font family used.
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Oly 2023-07-27 09:08:03 +01:00
parent b7f7138e1f
commit db678833fc
3 changed files with 155 additions and 116 deletions

View File

@ -11,7 +11,7 @@ steps:
image: cimg/clojure:1.11.1-node #clojure:tools-deps image: cimg/clojure:1.11.1-node #clojure:tools-deps
user: root user: root
commands: commands:
- cp resources/public/rename-me-index.html resources/public/index.html #- cp resources/public/rename-me-index.html resources/public/index.html
- clojure -Mbuild-dev release app - clojure -Mbuild-dev release app
#- clj -A:prod #- clj -A:prod

View File

@ -1,16 +1,33 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta
name="viewport"
content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
/>
<title>Clojure demos</title> <title>Clojure demos</title>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="stylesheet" type="text/css" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"> <link
<link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/FarhadG/code-mirror-themes/master/themes/rdark.css"> rel="stylesheet"
type="text/css"
href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
type="text/css"
href="https://raw.githubusercontent.com/FarhadG/code-mirror-themes/master/themes/rdark.css"
/>
<style> <style>
html {
font-family: "Montserrat", Lato, Garamond;
}
.cm-s-rdark { .cm-s-rdark {
font-size: 1em; font-size: 1em;
@ -18,8 +35,8 @@
font-family: inconsolata, monospace; font-family: inconsolata, monospace;
letter-spacing: 0.3px; letter-spacing: 0.3px;
word-spacing: 1px; word-spacing: 1px;
background: #1B2426; background: #1b2426;
color: #B9BDB6; color: #b9bdb6;
} }
.cm-s-rdark .CodeMirror-lines { .cm-s-rdark .CodeMirror-lines {
padding: 8px 0; padding: 8px 0;
@ -27,25 +44,25 @@
.cm-s-rdark .CodeMirror-gutters { .cm-s-rdark .CodeMirror-gutters {
box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
background-color: #1B2426; background-color: #1b2426;
padding-right: 10px; padding-right: 10px;
z-index: 3; z-index: 3;
border: none; border: none;
} }
.cm-s-rdark div.CodeMirror-cursor { .cm-s-rdark div.CodeMirror-cursor {
border-left: 3px solid #B9BDB6; border-left: 3px solid #b9bdb6;
} }
.cm-s-rdark .CodeMirror-activeline-background { .cm-s-rdark .CodeMirror-activeline-background {
background: #00000070; background: #00000070;
} }
.cm-s-rdark .CodeMirror-selected { .cm-s-rdark .CodeMirror-selected {
background: #E0E8FF66; background: #e0e8ff66;
} }
.cm-s-rdark .cm-comment { .cm-s-rdark .cm-comment {
color: #646763; color: #646763;
} }
.cm-s-rdark .cm-string { .cm-s-rdark .cm-string {
color: #5CE638; color: #5ce638;
} }
.cm-s-rdark .cm-number { .cm-s-rdark .cm-number {
color: null; color: null;
@ -54,47 +71,49 @@
color: null; color: null;
} }
.cm-s-rdark .cm-keyword { .cm-s-rdark .cm-keyword {
color: #5BA1CF; color: #5ba1cf;
} }
.cm-s-rdark .cm-variable { .cm-s-rdark .cm-variable {
color: #FFAA3E; color: #ffaa3e;
} }
.cm-s-rdark .cm-def { .cm-s-rdark .cm-def {
color: #FFFFFF; color: #ffffff;
} }
.cm-s-rdark .cm-variable-2 { .cm-s-rdark .cm-variable-2 {
color: #FFFFFF; color: #ffffff;
} }
.cm-s-rdark .cm-property { .cm-s-rdark .cm-property {
color: null; color: null;
} }
.cm-s-rdark .cm-operator { .cm-s-rdark .cm-operator {
color: #5BA1CF; color: #5ba1cf;
} }
.cm-s-rdark .CodeMirror-linenumber { .cm-s-rdark .CodeMirror-linenumber {
color: #646763; color: #646763;
} }
</style> </style>
<meta name="robots" content="noindex"> <meta name="robots" content="noindex" />
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-59HNPDZF2T"></script> <script
async
src="https://www.googletagmanager.com/gtag/js?id=G-59HNPDZF2T"
></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);} function gtag() {
gtag('js', new Date()); dataLayer.push(arguments);
}
gtag("js", new Date());
gtag('config', 'G-59HNPDZF2T'); gtag("config", "G-59HNPDZF2T");
</script> </script>
</head> </head>
<body class="f5 sans-serif"> <body class="f5 sans-serif">
<div id="app"> <div id="app">loading here</div>
loading here <script
</div> src="/cljs-out/main_bundle.js"
<script src="/cljs-out/main_bundle.js" type="application/javascript"></script> type="application/javascript"
></script>
</body> </body>
</html> </html>

View File

@ -1,33 +1,53 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta
name="viewport"
content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
/>
<title>Clojure demos</title> <title>Clojure demos</title>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff" />
<link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/app.klipse.tech/css/codemirror.css"> <link
<link rel="stylesheet" type="text/css" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"> rel="stylesheet"
type="text/css"
href="https://storage.googleapis.com/app.klipse.tech/css/codemirror.css"
/>
<link
rel="stylesheet"
type="text/css"
href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
type="text/css"
href="https://raw.githubusercontent.com/FarhadG/code-mirror-themes/master/themes/rdark.css"
/>
<style> <style>
html {
font-family: "Montserrat", Lato, Garamond;
}
#notification-container { #notification-container {
position: fixed; position: fixed;
z-index: 999999; z-index: 999999;
top: 12px; top: 12px;
right: 12px; right: 12px;
</style> </style>
<meta name="robots" content="noindex"> <meta name="robots" content="noindex" />
</head> </head>
<body> <body>
<div id="app"> <div id="app">loading here</div>
loading here
</div>
<script src="/cljs-out/main_bundle.js" type="text/javascript"></script> <script src="/cljs-out/main_bundle.js" type="text/javascript"></script>
</body> </body>
</html> </html>