ryan/Coding
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

lots of style changes

Browse Source
This commit is contained in:
Ryan Peters 2021-07-21 12:43:14 -04:00
parent 92559fd7df
commit 79c6f77a79
5 changed files with 47 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
BinaryDad.Coding/Pages/Index.cshtml
View File

@ -17,7 +17,7 @@
type: 'css', type: 'css',
content: 'body {\n\tcolor: green;\n}' content: 'body {\n\tcolor: green;\n}'
}], }],
plugins: ['pen', 'ace'] plugins: ['ace']
}); });
</script> </script>
@ -31,6 +31,5 @@
<link href="~/css/jotted/jotted.min.css" rel="stylesheet" /> <link href="~/css/jotted/jotted.min.css" rel="stylesheet" />
} }
<div id="editor"></div> <div id="editor" class="jotted-theme-bin"></div>
<div id="users-list"></div>

15
BinaryDad.Coding/Pages/Shared/_Layout.cshtml
View File

@ -13,14 +13,14 @@
</head> </head>
<body> <body>
<header class="container"> <header class="container">
<nav class="navbar navbar-expand navbar-light justify-content-between"> <nav class="navbar navbar-expand navbar-dark justify-content-between">
<a class="navbar-brand" href="#">HTML 101</a> <a class="navbar-brand text-white" href="#">HTML 101</a>
<form class="form-inline" action=""> <form class="form-inline" action="">
<input type="text" class="form-control mr-sm-2" id="your-name-text" placeholder="Enter your name!" /> <input type="text" class="form-control mr-sm-2" id="your-name-text" placeholder="Enter your name!" />
<input type="text" class="form-control" id="your-color-text" placeholder="Color?" /> <input type="text" class="form-control" id="your-color-text" placeholder="Color?" />
</form> </form>
<div class="collapse navbar-collapse"> <div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto text-white">
<li class="nav-item d-none d-md-block"> <li class="nav-item d-none d-md-block">
<div class="navbar-text font-italic" id="live-mode-status"> <div class="navbar-text font-italic" id="live-mode-status">
<div><strong>Live Mode Enabled</strong></div> <div><strong>Live Mode Enabled</strong></div>
@ -35,11 +35,12 @@
</nav> </nav>
</header> </header>
<div class="container"> <div>
<main role="main" class="pb-3"> @RenderBody()
@RenderBody()
</main>
</div> </div>
<footer class="container">
<div id="users-list" class="text-white">&nsbp;</div>
</footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script> <script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/extensions.js"></script> <script src="~/js/extensions.js"></script>

29
BinaryDad.Coding/wwwroot/css/site.css
View File

@ -1,5 +1,6 @@
html, body { html, body {
height: 100%; height: 100%;
background-color: #333;
} }
#editor { #editor {
@ -10,10 +11,18 @@ textarea, .navbar-brand {
font-family: 'Roboto Mono', monospace; font-family: 'Roboto Mono', monospace;
} }
footer {
padding:10px 0;
}
.navbar-brand { .navbar-brand {
font-size: 26px; font-size: 26px;
} }
.ace_print-margin {
display: none;
}
#live-mode-status { #live-mode-status {
display: none; display: none;
font-size: 13px; font-size: 13px;
@ -31,8 +40,24 @@ textarea, .navbar-brand {
text-align: center; text-align: center;
} }
.jotted-nav {
display: none !important;
}
.jotted-pane {
width: 50% !important;
padding-top: 0 !important;
}
.jotted-pane-css, .jotted-pane-html {
height: 50% !important;
}
.jotted-pane-css {
border-top: 1px solid #ccc !important;
}
#users-list { #users-list {
color: #777; color: #777;
font-size: 12px; font-size: 12px;
margin-top: 10px; }
}

9
BinaryDad.Coding/wwwroot/js/hub.js
View File

@ -30,10 +30,19 @@
connection.invoke('SaveName', $yourNameText.val(), color); connection.invoke('SaveName', $yourNameText.val(), color);
}; };
let setHeight = function () {
var editorHeight = $(window).height() - $('header').outerHeight() - $('footer').outerHeight();
$('#editor').height(editorHeight - 2);
};
isLiveMode(); isLiveMode();
setHeight();
// events // events
$(window).on('hashchange', isLiveMode); $(window).on('hashchange', isLiveMode);
$(window).resize(setHeight);
$('#your-name-text, #your-color-text').doneTyping(sendName); $('#your-name-text, #your-color-text').doneTyping(sendName);
let isTeacher = window.location.hash === '#4ELQcUq7UnFGghAZCVr4Chr9JmtncigfkGu5WSf9'; let isTeacher = window.location.hash === '#4ELQcUq7UnFGghAZCVr4Chr9JmtncigfkGu5WSf9';

5
BinaryDad.Coding/wwwroot/js/site.js
View File

@ -1,4 +1 @@
// Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
// for details on configuring this project to bundle and minify static web assets.
// Write your JavaScript code.