From 2a6d99dbf72e9f763d95951ac6279fb3fb4efe6c Mon Sep 17 00:00:00 2001 From: Joshua Barlin <jbarlin@myune.edu.au> Date: Sat, 18 Aug 2018 12:20:41 +1000 Subject: [PATCH] Minor alterations half finished --- css/core.css | 2 +- index.html | 5 +++-- js/application.js | 7 ++++++- 3 files changed, 10 insertions(+), 4 deletions(-) diff --git a/css/core.css b/css/core.css index 99572b9..85a3089 100644 --- a/css/core.css +++ b/css/core.css @@ -17,7 +17,7 @@ html, body, #wrapper{ } #input-textarea{ width: 90%; - height: 90%; + height: 87%; } #output-pre{ height: 90%; diff --git a/index.html b/index.html index a0754ff..5d88e19 100644 --- a/index.html +++ b/index.html @@ -34,8 +34,9 @@ <div id="wrapper"> <div id="input-div"> <h2 id="input-header">Input</h2> - <div> - <i class="fas fa-bold"></i> <i class="fas fa-italic"></i> <i class="fas fa-underline"></i> <i class="fas fa-font"></i> <i class="fas fa-align-left"></i> <i class="fas fa-align-center"></i> <i class="fas fa-align-right"></i> + <div id="input-buttons"> + <i class="fas fa-bold"></i> <i class="fas fa-italic"></i> <i class="fas fa-underline"></i> <i class="fas fa-font"></i> + <i class="fas fa-align-left"></i> <i class="fas fa-align-center"></i> <i class="fas fa-align-right"></i> <i class="fas fa-h1"></i> <i class="fas fa-h2"></i> <i class="fas fa-h3"></i> </div> <textarea id="input-textarea" autocomplete="off" aria-labelledby="input-header"></textarea> diff --git a/js/application.js b/js/application.js index b29516a..2e512ce 100644 --- a/js/application.js +++ b/js/application.js @@ -6,5 +6,10 @@ $(document).ready(function () { $('#input-textarea').on('input propertychange', function () { //console.log('Alteration!') $('#output-pre').text($('#input-textarea').val()); - }) + }); + var buttonList = ['bold', 'italic']; + var $inBtns = $('#input-buttons'); + buttonList.forEach(item => { + + }); }); \ No newline at end of file -- GitLab