From f3a3d18e3a6a07b40e10a4fdab26b5530fbf4924 Mon Sep 17 00:00:00 2001 From: Sean McClellan Date: Tue, 29 Aug 2023 16:59:18 -0400 Subject: [PATCH] v1.6.1 --- .DS_Store | Bin 0 -> 8196 bytes devlog.txt | 3 + src/.DS_Store | Bin 0 -> 6148 bytes src/monaco/.DS_Store | Bin 0 -> 6148 bytes src/monaco/node_modules/.DS_Store | Bin 0 -> 6148 bytes src/scripts/dashboard.js | 10 +- src/scripts/script.js | 24 +++ src/styles/scp.css | 63 +++++++ src/styles/style.css | 188 ++++++++++++-------- src/views/dashboard.html | 2 +- src/views/editor.html | 276 +++++++++++++----------------- 11 files changed, 335 insertions(+), 231 deletions(-) create mode 100644 .DS_Store create mode 100644 src/.DS_Store create mode 100644 src/monaco/.DS_Store create mode 100644 src/monaco/node_modules/.DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..b0329580f5a196ecc0cfa16f5721e432180f94d2 GIT binary patch literal 8196 zcmeHML2DC16#gdJVyp;Ndni4vpokuV#gi9F)6Jn!MGPX|+9aApHr>`F(qn!?#fzT2 z3F65gAoQTu{sIvX{s?dNdoyFRv%B#kNWgh8^DXnM$y|kQ^>_|vd^hexXYqpcYUe3}Fcm_NJo&nE*XTUQsFAVU^7OBiQ_l?%~o&nFm zf60KnA3`?4n#GAh{pw(+uK>h=!&>;fBoD;UV$I^jAT<%TUCrXe zpmB$?mk(tlD|>#)bI6D-v+)P(G_QY$3+igw4CTz_>i|q=kVk4yEj)%4w-od$uyJM zR!%;+DfuigpFTQxf*m)Pi&Aw;o6ckP#_Do2(p)$e(;SK|-1yrPe^JMNffxzbqlys@ zFxrfhw&h)3Z9}%VCtAb>WoA4;H)Hj&*vhG@bo^@SpRS0b*RTEjEURm0Pcxd=I+c_) zlZ(u1S66euI(n>RfY{AZUFJ+~B{98P8LOAYR!$|sBVndY-snHG604oAi&Kf#I+X;6 zG~gcH!X`G*z&$k4aI-7PVU(`nJnP(H<$XNmE*i4#DxMJ&>}EXoGoEMhfHBq);V!Yt zc{;8Kbx@a_l^^0c+8HaZe34a}uS&3S%;;t2MgKHkN1wjFzI{jU(RS7qxy zC*`^A&wt^;i)Uco87P|sSLFWRnEm~K-pla$c?LWKf5CtXqGnX*1oCsHNaU^^vTd`8 ph~31Xc3~$bGOn-V#M3_v`5anZ&Emu$H5C6LK-1tm&%i%r;1>k46^;M^ literal 0 HcmV?d00001 diff --git a/devlog.txt b/devlog.txt index be0248d..e87ae75 100644 --- a/devlog.txt +++ b/devlog.txt @@ -1,6 +1,9 @@ NEKO Code Editor Devlog |-----------------------| +Update v1.6.1 08/29/2023: + - Updated styling + Update v1.6.0 08/09/2023: - Updated in-editor console to be more useful - Updated window resizing diff --git a/src/.DS_Store b/src/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..d0afe9f24261bb66a2c0daa759f9e3509aca2e88 GIT binary patch literal 6148 zcmeHKJ5B>J5S@VtR-%bSL+LA|qyRb5BIt7gNFqUz#c9&}7+i>Ra1AzV#AZv{!mG$FfzAW8lpwM45$-AFW zM}?m0fp*^i^yB?%*WZ=4U98Ij_U8QV?d9_Nb-Ew3`ZZ?r^utqgTTvn;7zhS}fnXpQ zI0yqcvqhRS!`(q`URa-w`booyvti7^Krql};MkU9Isb3)%M3R8{ghY* z1Hr&QV}M8Pyq)2r{A}I(JUMF<#yy6J#8pus(0i8vEMyhCdi_Uh)j literal 0 HcmV?d00001 diff --git a/src/monaco/node_modules/.DS_Store b/src/monaco/node_modules/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..49ea9b15317c25fca1cc78db0540d47d88a53a60 GIT binary patch literal 6148 zcmeHK!AiqG5S?ivR75Cx@wf*;Jb1_-#1gMwdKYa|RA}5%^q!CNTfBPp=$oCTrliq` zAR;p``!gpa7sYhpr|^<-Pfy;S&%cT&zZtQ- z`&iMAe6~af-RsBKC^@ZY-pnL9ygKe1*O61NIV-<4yI!%)Jd;cl4cS^_3>X8(z|R># z%@!H%DOzg`7z4(@ngRJgIH+JAu~rPf4m9Bk08C*Hf_^xw0G$|sdBj=~76@x7P(wLh zF<8T4chN78SSxBcahMt7#F;tXP&l5H*adguT+v!%z!=zMAkoK>)c=d_`~PN;JsAVW zz`tUE(_&JLky5O!t>mQEI_Nc2MEq*SbqG446vJ0a@ewo#>`pqsJYuZ~3&airfd*@g IfnR0d9ZcO~$^ZZW literal 0 HcmV?d00001 diff --git a/src/scripts/dashboard.js b/src/scripts/dashboard.js index c1f4d7e..8607f3d 100644 --- a/src/scripts/dashboard.js +++ b/src/scripts/dashboard.js @@ -62,7 +62,7 @@ function getImg(id) { get(id).then((val) => { if (val.epic !== null && val.epic !== undefined && val.epic !== '') { document.getElementById(id + '.img').innerHTML = - ""; + ""; } else { document.getElementById(id + '.img').innerHTML = 'Image Unavailable.

'; @@ -108,23 +108,25 @@ if ( newDAP = document.createElement('p'); newLink = document.createElement('a'); newImg = document.createElement('div'); + var newSplit1 = document.createElement("hr"); + var newSplit2 = document.createElement("hr"); + newProject.setAttribute('class', 'pj'); pjs.push(data['editor']); newLink.setAttribute('class', 'project-btn'); newImg.innerHTML = '...'; newImg.setAttribute('id', data['editor'] + '.img'); getImg(data['editor']); - newLink.style = - 'color: blue; text-decoration: underline; font-weight: bold; cursor: pointer; font-family: Arial;'; newLink.innerHTML = data['editor']; newDAP.setAttribute('id', data['editor']); newDAP.innerHTML = 'loading...'; loadTimestamp(data['editor']); newLink.href = './editor.html?id=' + data['editor']; - newDAP.style = 'color: #555555; font-size: 0.6rem;'; newProject.appendChild(newImg); + newProject.appendChild(newSplit1); newProject.appendChild(newLink); + newProject.appendChild(newSplit2); newProject.appendChild(newDAP); document.querySelector('.projects-container').appendChild(newLine); document.querySelector('.projects-container').appendChild(newProject); diff --git a/src/scripts/script.js b/src/scripts/script.js index 54d60a6..7fc0b1e 100644 --- a/src/scripts/script.js +++ b/src/scripts/script.js @@ -3136,3 +3136,27 @@ function changeTheme(theme) { } } } + +var open = false; + +document.querySelector("#nce-btn").onclick = function() { + if (open == false) { + document.getElementById("nce-dropdown").style.display = "block"; + open = true; + } else if (open == true) { + document.getElementById("nce-dropdown").style.display = "none"; + open = false; + } +} + +window.onclick = function(e) { + if (!e.target.matches('#nce-btn') || e.target.matches("#eframe") || e.target.matches("#iframe")) { + document.getElementById("nce-dropdown").style.display = "none"; + } +} + +document.querySelector(".btn-loie").onclick = function() { + setCookie('li', '', 1); + window.localStorage.setItem('li', ''); + window.location = '../../index.html'; +} diff --git a/src/styles/scp.css b/src/styles/scp.css index e69de29..ad50515 100644 --- a/src/styles/scp.css +++ b/src/styles/scp.css @@ -0,0 +1,63 @@ +/* cyrillic-ext */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DP6QtMRrTFcZZJmOpwVS.woff2) format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DP6QtM1rTFcZZJmOpwVS.woff2) format('woff2'); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* greek-ext */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DP6QtMVrTFcZZJmOpwVS.woff2) format('woff2'); + unicode-range: U+1F00-1FFF; +} +/* greek */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DP6QtMprTFcZZJmOpwVS.woff2) format('woff2'); + unicode-range: U+0370-03FF; +} +/* vietnamese */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DP6QtMZrTFcZZJmOpwVS.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DP6QtMdrTFcZZJmOpwVS.woff2) format('woff2'); + unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(https://fonts.gstatic.com/s/sourcecodepro/v22/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DP6QtMlrTFcZZJmOpw.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} \ No newline at end of file diff --git a/src/styles/style.css b/src/styles/style.css index 7008ebd..0a034b6 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@500&display=swap'); +@import url('./scp.css'); @keyframes slide-in { 0% { @@ -27,6 +27,47 @@ } } +* { + padding: 0; + margin: 0; +} + +#nce-dropdown { + font-family: Arial, Helvetica, sans-serif; + margin-top: 3%; + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 9999999; + border-radius: 8px; +} + +#nce-dropdown p:hover { + padding: 4px; + cursor: pointer; + color: #eee; + background: linear-gradient(to right, #9c27b0, #e040fb); +} + +.navi { + cursor: pointer; + border-radius: 5em; + margin-left: 0.5%; + margin-right: 0.5%; + color: #fff; + background: linear-gradient(to right, #9c27b0, #e040fb); + border: 0; + padding-left: 5px; + padding-right: 5px; + padding-bottom: 5px; + padding-top: 5px; + font-family: Arial, Helvetica, sans-serif; + font-size: 7px; + box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04); +} + .ui-autocomplete { overflow-y: auto; } @@ -67,7 +108,6 @@ body { width: 100%; height: 2rem; background-color: #fff; - display: flex; justify-content: flex-start; align-items: center; padding: 5px 0 5px 10px; @@ -90,25 +130,20 @@ body { } .btn { - background-color: rgb(0, 0, 0, 0.8); - border-radius: 4px; - border-width: 0; - color: #fff; cursor: pointer; - display: inline-block; - font-size: 14px; - font-weight: 500; - line-height: 20px; - list-style: none; - margin-right: 8px; - padding: 2px 4px; - text-align: center; - transition: all 0.3s; - vertical-align: baseline; - white-space: nowrap; - user-select: none; - -webkit-user-select: none; - touch-action: manipulation; + border-radius: 5em; + margin-left: 1%; + margin-right: 1%; + color: #fff; + background: linear-gradient(to right, #9c27b0, #e040fb); + border: 0; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 5px; + padding-top: 5px; + font-family: 'Source Code Pro', Arial, sans-serif; + font-size: 13px; + box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04); } img:hover { @@ -180,28 +215,20 @@ img:hover { } #container { - position: absolute; - bottom: 0; - top: 0rem; - width: 98%; + height:100vh; + width: 100%; display: flex; transition: all 0.3s; - margin-left: 40px; /* Same as the width of the sidenav */ background-color: #fff; } .left, .right { - margin: 2px; height: 100%; border-radius: 10px; width: 50%; border: 1px solid #d5d5d5; } - -.right { - flex: 1; -} .editor-html, #tags { width: 100%; @@ -240,24 +267,21 @@ img:hover { } .tocl { - background-color: rgba(0, 0, 0, 0.8); - color: #eee; - border-radius: 4px; - border-width: 0; - display: inline-block; - font-family: 'Haas Grot Text R Web', 'Helvetica Neue', Helvetica, Arial, - sans-serif; - font-size: 1rem; - font-weight: 1px; - height: 3%; - width: 100%; - list-style: none; text-align: center; - transition: all 200ms; - vertical-align: baseline; - user-select: none; - -webkit-user-select: none; - touch-action: manipulation; + cursor: pointer; + border-radius: 5em; + margin-left: 1%; + margin-right: 1%; + color: #fff; + background: linear-gradient(to right, #9c27b0, #e040fb); + border: 0; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 5px; + padding-top: 5px; + font-family: 'Source Code Pro', Arial, sans-serif; + font-size: 13px; + box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04); } textarea { @@ -275,9 +299,9 @@ textarea { #ver { font-family: 'Source Code Pro', monospace; - font-size: 1rem; + font-size: 1.5rem; text-align: right; - color: lightgray; + color: gray; transition: all 0.3s; } @@ -482,27 +506,12 @@ textarea { text-align: center; } -.sidenav { - margin: 0; - font-size: 15px; - height: 100%; - width: 3%; - position: absolute; - z-index: 1; - top: 0; - left: 0; - background-color: #eee; - overflow-x: hidden; - padding-top: 20px; - padding-left: 7px; -} -@media screen and (max-height: 450px) { - .sidenav { - padding-top: 15px; - } - .sidenav a { - font-size: 18px; - } +.nav { + overflow-x: auto; + display: flex; + width: 100%; + height: 20px; + background-color: lightgrey; } body { @@ -586,7 +595,7 @@ form.form6 { background: rgba(136, 126, 126, 0.04); padding: 10px 20px; border: none; - border-radius: 20px; + border-radius: 8px; outline: none; box-sizing: border-box; border: 2px solid rgba(0, 0, 0, 0.02); @@ -677,3 +686,40 @@ a { .btn-icon { margin-left: 0; } + +.pj { + text-align: center; + padding: 10px; + border-radius: 8px; + background-color: lightgray; + width: 50%; + height: 40%; +} + +.pj a { + cursor: pointer; + border-radius: 5em; + margin-left: 1%; + margin-right: 1%; + color: #fff; + background: linear-gradient(to right, #9c27b0, #e040fb); + border: 0; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 5px; + padding-top: 5px; + font-family: 'Source Code Pro', Arial, sans-serif; + font-size: 13px; + box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04); + +} + +.pj p { + color: gray; + font-size: 0.6rem; +} + +.pj hr { + margin-top: 25px; + margin-bottom: 25px; +} diff --git a/src/views/dashboard.html b/src/views/dashboard.html index 2f4f6fa..676cb73 100644 --- a/src/views/dashboard.html +++ b/src/views/dashboard.html @@ -33,7 +33,7 @@ -

v1.6.0

+

v1.6.1

diff --git a/src/views/editor.html b/src/views/editor.html index f9ed7f7..2b968d2 100644 --- a/src/views/editor.html +++ b/src/views/editor.html @@ -38,67 +38,34 @@ } },false); -
-
- -
-
-


-
-
- -
-
-


-
-
- -
-
-


-
-
- -
- -
-


-
-
- -
-
-


-
-
- -
-
-


-
-
- -
-
-


-
-
- +
+ +
+

Dashboard

+

Setting

+

Log Out

+ Run + Open In New Tab + Save + Devlog + Download + Import + + + + + + v1.6.1
- - - + @@ -112,14 +79,13 @@ -
+
- v1.6.0