diff --git a/css/core.css b/css/core.css index 99572b9d35b2d4c54d34490b525bad2ddc78770c..85a3089bff47e0665b3b749f7ac769b7b9211dd7 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 a0754ff4a8c6eb30172235908cd769b32cad8cb6..5d88e19c1e3b8c4cb9f3884f15ad4fb59bfeac7d 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 b29516a5f7cbac94088735e7b10d160f3bef7902..2e512cea4ea9fc3f82931634c7e7ad71abd115af 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