simon/scittle
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

move style

Browse source
This commit is contained in:
Michiel Borkent 2021-05-25 13:41:32 +02:00
parent ef2eb9a190
commit d5cdd2ddcc
4 changed files with 37 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
resources/public/css/style.css Normal file
View file

@ -0,0 +1,26 @@
body
{
font-family: Arial;
}
div#app
{
color:#666;
}
div#app td
{
width:50px;
height:50px;
border:1px solid #dedede;
background:#fff;
margin:1px;
color:#666;
text-align: center;
line-height: 50px;
}
div#app td:hover
{
cursor:pointer;
}

2
resources/public/index.html
View file

@ -1,9 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/style.css">
<script src="js/sci-script-tag.js" type="application/javascript"></script>
<script src="js/sci-script-tag-plugin-reagent.js" type="application/javascript"></script>
<script type="application/x-sci">
(defn my-alert []
(js/alert "You clicked!"))

32
resources/public/tictactoe.html
View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/style.css">
<script src="js/sci-script-tag.js" type="application/javascript"></script>
<script src="js/sci-script-tag-plugin-reagent.js" type="application/javascript"></script>
@ -9,38 +10,13 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/languages/clojure.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/zenburn.min.css" integrity="sha512-JPxjD2t82edI35nXydY/erE9jVPpqxEJ++6nYEoZEpX2TRsmp2FpZuQqZa+wBCen5U16QZOkMadGXHCfp+tUdg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
body
{
font-family: Arial;
}
div#app
{
color:#666;
}
div#app td
{
width:50px;
height:50px;
border:1px solid #dedede;
background:#fff;
margin:1px;
color:#666;
text-align: center;
line-height: 50px;
}
div#app td:hover
{
cursor:pointer;
}
</style>
</head>
<body>
<h1>SCI script tag: Reagent tic-tac-toe</h1>
<h2>What is SCI script tag?</h2>
<p>Read <a href="index.html">the main page</a> for more details.</p>
<h2>Reagent tic tac toe</h2>
<div id="app"></div>
<p>The following source was loaded and interpreted
from <a href="cljs/tictactoe.cljs"><tt>cljs/tictactoe.cljs</tt></a> using the

6
script/release.clj
View file

@ -9,6 +9,12 @@
(fs/copy "resources/public/tictactoe.html" "gh-pages"
{:replace-existing true})
(def style-source-dir (fs/file "resources" "public" "css"))
(def style-target-dir (fs/file "gh-pages" "css"))
(fs/create-dirs style-target-dir)
(fs/copy "resources/public/css/style.css" style-target-dir
{:replace-existing true})
(def js-source-dir (fs/file "resources" "public" "js"))
(def js-target-dir (fs/file "gh-pages" "js"))
(fs/create-dirs js-target-dir)