zach
/
artseyio-typing-tutor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling changes/fixes

This commit is contained in:
Zach Graham 2023-08-04 23:46:44 -05:00
parent 2e18243da6
commit f4f9921f45
3 changed files with 28 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/artsey-tutor.css
View File

@ -35,7 +35,7 @@ body {
flex-basis: auto;
align-self: auto;
order: 0;
width: 500px;
width: 400px;
font-size: 28px;
text-align: center;
margin: 0 auto 20px;
@ -49,7 +49,7 @@ body {
align-self: auto;
order: 0;
margin: 0 auto;
width: 500px;
width: 400px;
}
#keyboard {

14
index.html
View File

@ -5,7 +5,7 @@
<title>ARTSEY Typing Tutor</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="/artsey-typing-tutor/css/artsey-tutor.css">
<link rel="stylesheet" href="/css/artsey-tutor.css">
</head>
<body>
@ -19,14 +19,14 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/artsey-typing-tutor/index.html">ARTSEY Typing Tutor</a>
<a class="navbar-brand" href="/index.html">ARTSEY Typing Tutor</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/artsey-typing-tutor/index.html">Home</a></li>
<li><a href="/artsey-typing-tutor/about.html">About</a></li>
<li><a href="/artsey-typing-tutor/contact.html">Contact</a></li>
<li><a href="/artsey-typing-tutor/learn.html">Learn</a></li>
<li class="active"><a href="/index.html">Home</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a href="/learn.html">Learn</a></li>
</ul>
<ul class="nav navbar-nav navbar-right"></ul>
</div>
@ -48,6 +48,6 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script src="/artsey-typing-tutor/js/artsey-tutor.js"></script>
<script src="/js/artsey-tutor.js"></script>
</body>
</html>

35
learn.html
View File

@ -5,7 +5,7 @@
<title>ARTSEY Typing Tutor</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="/artsey-typing-tutor/css/artsey-tutor.css">
<link rel="stylesheet" href="/css/artsey-tutor.css">
</head>
<body>
@ -16,9 +16,9 @@
</div>
<div id="navbar" class="navbar-default">
<ul class="nav navbar-nav">
<li><a href="/artsey-typing-tutor/index.html">Home</a></li>
<li><a href="/artsey-typing-tutor/about.html">About</a></li>
<li><a href="/artsey-typing-tutor/contact.html">Contact</a></li>
<li><a href="/index.html">Home</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="/contact.html">Contact</a></li>
<li class="active"><a href="/learn.html">Learn</a></li>
</ul>
<ul class="nav navbar-nav navbar-right"></ul>
@ -29,20 +29,23 @@
<div id="content-area" class="container">
<div class="flex-container">
<div class="flex-items">
<div id="letterbox"><div id="instruction-text">Click the button below to start.</div></div>
<div id="letterbox">
<div id="instruction-text">Click the button below to start.</div>
</div>
<button id="startButton" type="button" class="btn btn-primary">Start!</button>
</div>
<div id="keyboard">
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="flex-items">
<div id="keyboard">
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
<div class="keyboard-key"></div>
</div>
</div>
<div class="flex-items"></div>
</div>
</div>
<form>
@ -55,6 +58,6 @@
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script type="text/javascript" src="/artsey-typing-tutor/js/artsey-tutor.js"></script>
<script type="text/javascript" src="/js/artsey-tutor.js"></script>
</body>
</html>