Skip to content

Commit b5523a7

Browse files
scyth3-cscyth3-c
authored
Merge pull request #35 from scyth3-c/release
Changes for Release 3.0
2 parents d9daed4 + 44bdfab commit b5523a7

36 files changed

+3235
-10139
lines changed

‎.gitignore

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.DS_Store
2-
node_modules
2+
/node_modules
33
/dist
44
.firebase
55

‎package-lock.json

+1,400-8,288
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@
1717
"vue": "^2.6.14",
1818
"vue-axios": "^3.3.7",
1919
"vue-codemirror": "^4.0.6",
20+
"vue-meta": "^2.4.0",
2021
"vuex": "^3.6.2"
2122
},
2223
"devDependencies": {

‎public/favicon.ico

-240 KB
Binary file not shown.

‎public/index.html

+8-10
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,20 @@
11
<!DOCTYPE html>
22
<html lang="es">
33
<head>
4-
<meta name="description" content="compilador web para c++ gratis y facil de usar, modo proyecto, clases y estandares hasta c++17, colaboracion remota y entrada de usuario " />
4+
5+
<meta name="author" content="Kevin Bohorquez" />
6+
<meta name="keyword" content="c++, online compiler, free, easy, http library, curl, user data, fast, simple, c++20, assembly inspector, good performance"/>
7+
<meta name="description" content="compilador web para c++ gratis y facil de usar, modo proyecto, clases y estandares hasta c++20, colaboracion remota y entrada de usuario."/>
58
<meta charset="utf-8">
69
<meta http-equiv="X-UA-Compatible" content="IE=edge">
710
<meta name="viewport" content="width=device-width,initial-scale=1.0">
811
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
9-
<title>Knock Cpp</title>
12+
<title>Kcompiler | online c++ ☀️</title>
1013
</head>
11-
<body class="negro-apagado">
12-
<style>
13-
/* si, soy un demonio */
14-
.negro-apagado {
15-
background-color: #121212;
16-
}
17-
</style>
14+
<body>
1815
<noscript>
19-
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
16+
<strong> pls enabled Javascript.</strong>
17+
<strong> knock online c++ compiler with asm inspector in c++20, with http library! </strong>
2018
</noscript>
2119
<div id="app"></div>
2220
<!-- built files will be auto injected -->

‎public/svg.png

-719 KB
Binary file not shown.

‎src/App.vue

+26-24
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,41 @@
11
<template>
22
<div id="app">
3-
<Base/>
4-
<br>
5-
<footerVue/>
3+
<barra/>
4+
<Base/>
65
</div>
76
</template>
87
<script>
9-
import Base from './components/basecanvas.vue'
10-
import footerVue from './components/extra/footerVue.vue'
8+
import Base from './components/base/basecanvas.vue'
9+
import barra from "@/components/base/barra.vue";
1110
export default {
1211
name: 'App',
1312
components: {
1413
Base,
15-
footerVue
14+
barra
15+
},
16+
17+
metaInfo() {
18+
return {
19+
title: 'kcompiler | online c++ ☀️', // Agrega un título SEO si lo deseas
20+
meta: [
21+
{
22+
name: 'description',
23+
content: 'compilador web para c++ gratis y facil de usar, modo proyecto, clases y estandares hasta c++20, colaboracion remota y entrada de usuario.',
24+
},
25+
],
26+
};
1627
},
1728
mounted(){
1829
document.body.addEventListener("scroll", this.eBehavior, { passive: true });
1930
},
2031
methods: {
21-
eBehavior(e){
22-
window.requestAnimationFrame(function() {
23-
// No hay código dentro de la función de callback
32+
eBehavior(){
33+
window.requestAnimationFrame(() => {
34+
35+
const scrollY = window.scrollY;
36+
const newScrollY = scrollY + 1;
37+
38+
window.scrollBy(0, newScrollY - scrollY);
2439
});
2540
}
2641
}
@@ -29,18 +44,5 @@ export default {
2944
</script>
3045

3146
<style>
32-
::-webkit-scrollbar {
33-
width: 10px;
34-
border: none;
35-
}
36-
::-webkit-scrollbar-track {
37-
background: rgb(28,28,28);
38-
}
39-
::-webkit-scrollbar-thumb {
40-
background: #121212;
41-
border-radius: 2px;
42-
}
43-
::-webkit-scrollbar-thumb:hover {
44-
background: #121212;
45-
}
46-
</style>
47+
@import "@/assets/app.base.css";
48+
</style>

‎src/assets/app.base.css

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
2+
body{
3+
background-color: rgb(3,3,7) !important;
4+
}
5+
::-webkit-scrollbar {
6+
width: 10px;
7+
border: none;
8+
}
9+
::-webkit-scrollbar-track {
10+
background: rgb(28,28,28);
11+
}
12+
::-webkit-scrollbar-thumb {
13+
background: #121212;
14+
border-radius: 2px;
15+
}
16+
::-webkit-scrollbar-thumb:hover {
17+
background: #121212;
18+
}

‎src/assets/basecanvas.scoped.css

+62
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
.files {
2+
margin-top: 5px;
3+
margin-bottom: 50px;
4+
margin-left: 20px;
5+
width: 100%;
6+
min-height: 28px;
7+
border-radius: 4px;
8+
}
9+
.tabs {
10+
width: 10%;
11+
height: 28px;
12+
border-radius: 4px;
13+
background: transparent;
14+
border: 1px solid white;
15+
color: white;
16+
}
17+
.classmode {
18+
width: 13%;
19+
height: 28px;
20+
border-radius: 4px;
21+
background: transparent;
22+
border: 1px solid white;
23+
color: white;
24+
}
25+
.configs {
26+
width: 10%;
27+
height: 28px;
28+
border-radius: 4px;
29+
background: transparent;
30+
border: 1px solid white;
31+
color: rgb(255, 255, 255);
32+
margin-right: 10px;
33+
}
34+
.configs:hover{
35+
background: #48C9B0;
36+
border: none;
37+
}
38+
39+
.div-container {
40+
margin: 0 auto;
41+
}
42+
.body-tam {
43+
height: 550px;
44+
margin-bottom: 5px;
45+
}
46+
.bt-hover{
47+
border-color:#c6c7c0;
48+
}
49+
.bt-hover:hover{
50+
background: #48C9B0;
51+
color: white;
52+
transition: 300ms;
53+
transform: scale(1.01);
54+
border: none;
55+
font-weight: bolder;
56+
}
57+
.hovery{
58+
color: #272927;
59+
}
60+
.hovery:hover{
61+
color:#171818;
62+
}

‎src/assets/basecanvas.unscoped.css

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
2+
input:focus, select:focus, select, input.form-control:focus {
3+
outline: none 0 !important;
4+
box-shadow: none;
5+
-moz-box-shadow: none;
6+
-webkit-box-shadow: none;
7+
}
8+
pre {
9+
white-space: pre-wrap;
10+
margin: 0;
11+
padding: 0;
12+
}
13+
.noneshine {
14+
outline: none;
15+
box-shadow: none !important;
16+
}
17+
18+
.asm{
19+
width: 100%;
20+
min-height: 28px;
21+
border-radius: 2px;
22+
color: white;
23+
font-size: 14px;
24+
}
25+
.c-editor {
26+
min-height: 50vh;
27+
max-height: 80vh;
28+
}
29+
30+
.botones {
31+
position: sticky;
32+
z-index: 10;
33+
}
34+
.smglass {
35+
background-color: transparent !important;
36+
}
37+
.act-btn:hover {
38+
border-color: white !important;
39+
box-shadow: 0 0 4px white;
40+
}

‎src/assets/general.v1.css

+82
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
.CodeMirror{
2+
height: auto !important;
3+
background: transparent !important;
4+
}
5+
.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
6+
background: transparent !important;
7+
color: white !important;
8+
}
9+
10+
.apagado {
11+
background-color: transparent;
12+
max-height: 30px;
13+
}
14+
.fstyle{
15+
font-family: monospace;
16+
}
17+
18+
.texty{
19+
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
20+
}
21+
22+
/* program input */
23+
input:focus, select:focus, select, input.form-control:focus {
24+
outline: none 0 !important;
25+
box-shadow: none;
26+
-moz-box-shadow: none;
27+
-webkit-box-shadow: none;
28+
}
29+
30+
31+
/* TABS */
32+
.tabs {
33+
width: 10%;
34+
height: 28px;
35+
border-radius: 4px;
36+
background: transparent;
37+
border: 1px solid #A5D6A7 ;
38+
color: white;
39+
margin-bottom:10px;
40+
}
41+
42+
.tabs:hover{
43+
background-color:#A5D6A7;
44+
transition: 0.5s;
45+
color: black;
46+
}
47+
48+
/* NOTas */
49+
.outln {transition: 200ms; }
50+
.outln:hover{
51+
background: transparent !important;
52+
color: #171818;
53+
box-shadow: 0 0 0 1px black;
54+
transition: 200ms;
55+
}
56+
.inpfs {font-family: monospace;}
57+
58+
.outwb{
59+
background: #121212 !important;
60+
color: white !important;
61+
transition: 200ms;
62+
font-family: monospace;
63+
}
64+
.outwb:hover{
65+
background: transparent !important;
66+
color: #121212 !important;
67+
transition: 200ms;
68+
}
69+
.outfill {
70+
background: transparent !important;
71+
color: black !important;
72+
font-family: monospace;
73+
border: none;
74+
}
75+
.inpbt {
76+
border: none !important;
77+
border-bottom: 1px solid #c6c7c0 !important;
78+
border-radius: 0 !important;
79+
}
80+
.inpbt:focus{
81+
border-bottom-color: black !important;
82+
}

0 commit comments

Comments
 (0)