Skip to content

Commit

Permalink
feat: various feedback implemented
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nyveon
Nyveon committed Nov 7, 2024
1 parent f0ce310 commit 6765b92
Show file tree
Hide file tree
Showing 3 changed files with 75 additions and 61 deletions.
24 changes: 19 additions & 5 deletions docs/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -397,11 +397,25 @@ footer {
border-color: var(--green);
}

h3 > sup {
font-weight: normal;
font-size: 0.5em;
/* color: var(--gray); */
top: -1em;
h3 > span {
font-weight: normal;
font-size: 0.75em;
margin-left: 0.5rem;
opacity: 0.8;
}

@media (max-width: 600px) {
h3 {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}

h3 > span {
margin-left: 0;
}
}

h4 {
Expand Down
86 changes: 43 additions & 43 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -252,7 +252,7 @@ <h2>Búsqueda</h2>
</article>

<article id="ucursos">
<h3>U-Cursos <sup>26.37%</sup></h3>
<h3>U-Cursos <span>26.37%</span></h3>

<p>
U-Cursos es una excelente herramienta para encontrar trabajos. Más
Expand Down Expand Up @@ -290,7 +290,7 @@ <h3>U-Cursos <sup>26.37%</sup></h3>
</article>

<article id="bolsas">
<h3>Bolsas de trabajo <sup>24.18%</sup></h3>
<h3>Bolsas de trabajo <span>24.18%</span></h3>

<p>
Las bolsas de trabajo representan otra fuente importante de ofertas
Expand Down Expand Up @@ -336,7 +336,7 @@ <h3>Bolsas de trabajo <sup>24.18%</sup></h3>
</article>

<article id="redes-personales">
<h3>Redes personales <sup>17.58%</sup></h3>
<h3>Redes personales <span>17.58%</span></h3>

<p>
Las redes personales incluyen amigos, familiares, conocidos y
Expand All @@ -363,36 +363,8 @@ <h3>Redes personales <sup>17.58%</sup></h3>
</div>
</article>

<article id="redes-profesionales">
<h3>Redes profesionales <sup>7.69%</sup></h3>

<p>
Las redes profesionales incluyen colegas, ex-colegas, jefes, entre
otros. Aunque no son tan comunes como las redes personales,
representan una fuente importante de ofertas laborales. Mantener
buenas relaciones en tus redes es crucial, ya que nunca se sabe de
dónde puede surgir una oportunidad.
</p>

<div class="admonition">
<div><i data-feather="help-circle"></i></div>
<div>
Mantén tu <b>perfil de LinkedIn actualizado</b>, estés buscando
trabajo o no, y agrega a tus compañerxs, colegas y jefes.
</div>
</div>

<div class="admonition">
<div><i data-feather="info"></i></div>
<div>
La práctica 2 se puede realizar <b>en la misma empresa</b> que la
práctica 1, pero debe ser un <b>proyecto distinto</b>.
</div>
</div>
</article>

<article id="eventos">
<h3>Eventos <sup>9.89%</sup></h3>
<h3>Eventos <span>9.89%</span></h3>

<p>
Casi un 10% de las prácticas se encontraron a través de eventos
Expand Down Expand Up @@ -425,23 +397,36 @@ <h3>Eventos <sup>9.89%</sup></h3>
</div>
</article>

<article id="telegram">
<h3>Telegram <sup>5.49%</sup></h3>
<article id="redes-profesionales">
<h3>Redes profesionales <span>7.69%</span></h3>

<p>
Aunque no hay un canal oficial del DCC o CaDCC para ofertas
laborales, en la
<a href="https://t.me/+47tUSzh77hpiMzMx" target="_blank"
>comunidad del DCC</a
>
en Telegram sí se publican anuncios de prácticas y empleos. También
existe el canal <a href="https://t.me/DCCEmpleo">DCCEmpleo</a> (de
la PUC), donde se publican ofertas laborales de computación.
Las redes profesionales incluyen colegas, ex-colegas, jefes, entre
otros. Aunque no son tan comunes como las redes personales,
representan una fuente importante de ofertas laborales. Mantener
buenas relaciones en tus redes es crucial, ya que nunca se sabe de
dónde puede surgir una oportunidad.
</p>

<div class="admonition">
<div><i data-feather="help-circle"></i></div>
<div>
Mantén tu <b>perfil de LinkedIn actualizado</b>, estés buscando
trabajo o no, y agrega a tus compañerxs, colegas y jefes.
</div>
</div>

<div class="admonition">
<div><i data-feather="info"></i></div>
<div>
La práctica 2 se puede realizar <b>en la misma empresa</b> que la
práctica 1, pero debe ser un <b>proyecto distinto</b>.
</div>
</div>
</article>

<article id="directo">
<h3>Reclutamiento y postulación directa <sup>4.40% y 2.20%</sup></h3>
<h3>Reclutamiento y postulación directa <span>6.60%</span></h3>

<p>
Aunque no es muy común, en ocasiones pueden contactarte directamente
Expand All @@ -463,6 +448,21 @@ <h3>Reclutamiento y postulación directa <sup>4.40% y 2.20%</sup></h3>
</li>
</ul>
</article>

<article id="telegram">
<h3>Telegram <span>5.49%</span></h3>

<p>
Aunque no hay un canal oficial del DCC o CaDCC para ofertas
laborales, en la
<a href="https://t.me/+47tUSzh77hpiMzMx" target="_blank"
>comunidad del DCC</a
>
en Telegram sí se publican anuncios de prácticas y empleos. También
existe el canal <a href="https://t.me/DCCEmpleo">DCCEmpleo</a> (de
la PUC), donde se publican ofertas laborales de computación.
</p>
</article>
</section>

<section id="sueldos">
Expand Down
26 changes: 13 additions & 13 deletions docs/js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,11 @@ Chart.defaults.set("plugins.datalabels", {
color: colTextDark,
});

const defaultHover = {
hoverBorderWidth: 2,
hoverBorderColor: "#fafafa"
}

new Chart(document.getElementById("response-years"), {
type: "bar",
data: {
Expand All @@ -38,6 +43,7 @@ new Chart(document.getElementById("response-years"), {
colPatternLight
),
borderWidth: 0,
...defaultHover,
},
{
label: "Práctica 2",
Expand All @@ -48,6 +54,7 @@ new Chart(document.getElementById("response-years"), {
colPatternLight
),
borderWidth: 0,
...defaultHover,
},
],
},
Expand Down Expand Up @@ -131,7 +138,7 @@ new Chart(document.getElementById("wfh"), {
pattern.draw(wfh.patterns[3], wfh.colors[3], colPattern),
],
borderWidth: 0,
hoverOffset: 16,
...defaultHover
},
],
},
Expand All @@ -150,15 +157,13 @@ new Chart(document.getElementById("wfh-years"), {
labels: yearsVsWFH.labels,
datasets: yearsVsWFH.sets.map((set, index) => ({
label: set,
// borderColor: yearsVsWFH.colors[index],
backgroundColor: pattern.draw(
wfh.patterns[index],
yearsVsWFH.colors[index],
colPattern
),
fill: true,
data: yearsVsWFH.values[index],
// hidden: index !== 0,
...defaultLineOptions,
})),
},
Expand Down Expand Up @@ -208,7 +213,7 @@ new Chart(document.getElementById("schedule"), {
pattern.draw(schedule.patterns[2], schedule.colors[2], colPattern),
],
borderWidth: 0,
hoverOffset: 16,
...defaultHover
},
],
},
Expand All @@ -230,6 +235,7 @@ new Chart(document.getElementById("duration"), {
colPattern
),
borderWidth: 2,
...defaultHover
},
{
label: "Prácticas Full-time",
Expand All @@ -240,6 +246,7 @@ new Chart(document.getElementById("duration"), {
colPattern
),
borderWidth: 2,
...defaultHover
},
],
},
Expand Down Expand Up @@ -274,14 +281,6 @@ new Chart(document.getElementById("density"), {
data: {
labels: kdeData.labels,
datasets: [
{
label: "General",
data: kdeData.values[0],
borderColor: kdeData.colors[0],
backgroundColor: kdeData.colors[0] + '55',
fill: true,
hidden: true,
},
{
label: "Solo práctica 1",
data: kdeData.values[1],
Expand All @@ -303,7 +302,7 @@ new Chart(document.getElementById("density"), {
colPatternLight
),
fill: true,
},
}
],
},
options: {
Expand Down Expand Up @@ -395,6 +394,7 @@ new Chart(document.getElementById("confidence"), {
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
display: true,
Expand Down

0 comments on commit 6765b92

Please sign in to comment.