Skip to content
GitLab
Commit e562855b authored by nerrons's avatar nerrons
Browse files

pd_canvas.html: Add markups and styling for K12 Frame

parent a4bbcb03
Show whitespace changes
Inline Side-by-side
pd/nw/pd_canvas.html
View file @ e562855b
...@@ -5,6 +5,75 @@ ...@@ -5,6 +5,75 @@
<link rel="stylesheet" type="text/css" href="css/dejavu.css"> <link rel="stylesheet" type="text/css" href="css/dejavu.css">
<link id="page_style" rel="stylesheet" <link id="page_style" rel="stylesheet"
type="text/css" href="css/default.css"> type="text/css" href="css/default.css">
<style>
#k12-frame {
visibility: hidden; /* by default hidden */
height: 100%;
width: 200px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgba(150, 150, 150, 0.6); /* a random grey color */
overflow-x: hidden;
user-select: none;
}
#k12-buttons {
position: relative;
margin: 2px 5px;
}
#k12-buttons-control {
position: absolute;
}
#k12-buttons-sound {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.k12-button {
background-color: white;
width: 33px;
border-radius: 5px;
border: 1px black;
padding: 0;
margin: 2.45px;
user-select: none;
}
.k12-button-icon {
width: 33px;
text-align: center;
}
#k12-edit-button,
#k12-control-button,
#k12-sound-button {
background-color: rgba(150, 150, 150, 0.6);
border-radius: 5px;
border: 0;
padding: 0;
user-select: none;
}
#k12-edit-button-icon,
#k12-control-button-icon,
#k12-sound-button-icon {
width: 95%;
text-align: center;
}
#k12-edit-button {
width: 190px;
margin: 5px;
}
#k12-control-button,
#k12-sound-button {
width: 90px;
padding: 0;
border: 0;
margin: auto;
}
#k12-panel-toggles {
margin: 0 5px;
}
</style>
<title></title> <title></title>
</head> </head>
<body class="patch_body"> <body class="patch_body">
...@@ -26,6 +95,23 @@ ...@@ -26,6 +95,23 @@
<input style="display:none;" id="savepanel_dialog" type="file" <input style="display:none;" id="savepanel_dialog" type="file"
nwsaveas nwworkingdir /> nwsaveas nwworkingdir />
</span> </span>
<div id="k12-frame" class="control-panel">
<button
id="k12-edit-button"
><img id="k12-edit-button-icon" src="./extra/K12/icons-large/perform.png"></button>
<div id="k12-panel-toggles">
<button
id="k12-control-button"
><img id="k12-control-button-icon" src="./extra/K12/icons/control_on.png"></button>
<button
id="k12-sound-button"
><img id="k12-sound-button-icon" src="./extra/K12/icons/sound.png"></button>
</div>
<div id="k12-buttons">
<div id="k12-buttons-control"></div>
<div id="k12-buttons-sound"></div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" <svg xmlns="http://www.w3.org/2000/svg"
version="1.1" version="1.1"
id="patchsvg" id="patchsvg"
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment