|
|
| (129 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Sidebar}}<div style="margin-bottom:-25px"></div>
| + | ~ Migrated |
| − | <!-- Esta página contiene texto invisible -->
| |
| − | <!-- ------------------------------------ -->
| |
| − | <accesscontrol>
| |
| − | Autoconfirmed users
| |
| − | </accesscontrol>
| |
| − | __NOTOC__
| |
| − | | |
| − | <html>
| |
| − | | |
| − | <style>
| |
| − | .bottom-selected-desk {
| |
| − | color:rgb(60, 60, 70);
| |
| − | background-color: #d1d1de !important; /* #f44336 rgb(60, 60, 70) #3c4043 */
| |
| − | }
| |
| − | #desktop-menu .uno { font-size: 22px; }
| |
| − | #desktop-menu .dos { font-size: 22px; }
| |
| − | #desktop-menu .tres { font-size: 20px; }
| |
| − | #desktop-menu .fa-eye { font-size: 20px; }
| |
| − | #desktop-menu .uno:hover { color:black; font-weight: normal; }
| |
| − | #desktop-menu .dos:hover { color:black; }
| |
| − | #desktop-menu .tres:hover { color:black; }
| |
| − | #desktop-menu .fa-eye:hover { color:black; }
| |
| − | </style>
| |
| − | | |
| − | <div id="desktop-menu">
| |
| − | | |
| − | <div id="container-desktop-menu" style="background:rgb(243, 243, 247); margin-top:-9px; width:200px; margin-top: -70px; margin-bottom:80px">
| |
| − | <button id="button-Uno" class="button izquierda deskTab bottom-selected-desk" onclick="selectDesktop(event,'Uno')" > <i class="uno"> 1</i> </button>
| |
| − | <button id="button-Dos" class="button izquierda deskTab" onclick="selectDesktop(event,'Dos')" > <i class="dos"> 2</i> </button>
| |
| − | <button id="button-Tres" class="button izquierda deskTab" onclick="selectDesktop(event,'Tres')"> <i class="tres">3</i> </button>
| |
| − | <button id="button-All" class="button izquierda deskTab" onclick="selectDesktop(event,'All')" > <i class="fas fa-eye"></i> </button>
| |
| − | </div>
| |
| − | | |
| − | <div id="Uno" class="deskArea desk" style="display:none">
| |
| − | <!-- <p>Under construction...</p> -->
| |
| − | </div>
| |
| − | | |
| − | <div id="Dos" class="deskArea desk" style="display:none">
| |
| − | <!-- <p>Under construction...</p> -->
| |
| − | </div>
| |
| − | | |
| − | <div id="All" class="deskArea desk" style="display:none">
| |
| − | <!-- <p>Under construction...</p> -->
| |
| − | </div>
| |
| − | | |
| − | <div id="Tres" class="deskArea desk" style="display:none">
| |
| − | <!-- <p>Under construction...</p> -->
| |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | | |
| − | <script>
| |
| − | function selectDesktop(evt, cityName) {
| |
| − | var i, x, avertes;
| |
| − | x = document.getElementsByClassName("desk");
| |
| − | for (i = 0; i < x.length; i++) {
| |
| − | x[i].style.display = "none";
| |
| − | }
| |
| − | avertes = document.getElementsByClassName("deskTab");
| |
| − | for (i = 0; i < avertes.length; i++) {
| |
| − | avertes[i].className = avertes[i].className.replace(" bottom-selected-desk", "");
| |
| − | }
| |
| − | document.getElementById(cityName).style.display = "block";
| |
| − | evt.currentTarget.className += " bottom-selected-desk";
| |
| − | | |
| − | if (cityName == "Uno") {
| |
| − | $(".uno").css('font-size', '22px')
| |
| − | $(".dos").css('font-size', '20px')
| |
| − | $(".tres").css('font-size', '20px')
| |
| − | $(".fa-eye").css('font-size', '20px')
| |
| − | | |
| − | $(".table-1").css('visibility','visible')
| |
| − | $(".table-2").css('visibility','hidden')
| |
| − | $(".table-3").css('visibility','hidden')
| |
| − | $(".table-4").css('display', 'none')
| |
| − | }else if (cityName == "Dos") {
| |
| − | $(".uno").css('font-size', '20px')
| |
| − | $(".dos").css('font-size', '22px')
| |
| − | $(".tres").css('font-size', '20px')
| |
| − | $(".fa-eye").css('font-size', '20px')
| |
| − | | |
| − | $(".table-1").css('visibility','hidden')
| |
| − | $(".table-2").css('visibility','visible')
| |
| − | $(".table-3").css('visibility','hidden')
| |
| − | $(".table-4").css('display', 'none')
| |
| − | }else if (cityName == "Tres") {
| |
| − | $(".uno").css('font-size', '20px')
| |
| − | $(".dos").css('font-size', '20px')
| |
| − | $(".tres").css('font-size', '22px')
| |
| − | $(".fa-eye").css('font-size', '20px')
| |
| − | | |
| − | $(".table-1").css('visibility','hidden')
| |
| − | $(".table-2").css('visibility','hidden')
| |
| − | $(".table-3").css('visibility','visible')
| |
| − | $(".table-4").css('display', 'none')
| |
| − | }else {
| |
| − | $(".uno").css('font-size', '20px')
| |
| − | $(".dos").css('font-size', '20px')
| |
| − | $(".tres").css('font-size', '20px')
| |
| − | $(".fa-eye").css('font-size', '22px')
| |
| − | | |
| − | $(".table-1").css('visibility','visible')
| |
| − | $(".table-2").css('visibility','visible')
| |
| − | $(".table-3").css('visibility','visible')
| |
| − | $(".table-4").css('display', 'block')
| |
| − | }
| |
| − | | |
| − | $("#desktop-menu #button-Uno").hover(function(){
| |
| − | $("#desktop-menu .uno").css('font-size', '22px')
| |
| − | }, function(){
| |
| − | if ( $(this).hasClass("bottom-selected-desk") ) {
| |
| − | $("#desktop-menu .uno").css('font-size', '22px')
| |
| − | }else{
| |
| − | $("#desktop-menu .uno").css('font-size', '20px')
| |
| − | }
| |
| − | });
| |
| − | | |
| − | $("#desktop-menu #button-Dos").hover(function(){
| |
| − | $("#desktop-menu .dos").css('font-size', '22px')
| |
| − | }, function(){
| |
| − | if ( $(this).hasClass("bottom-selected-desk") ) {
| |
| − | $("#desktop-menu .dos").css('font-size', '22px')
| |
| − | }else{
| |
| − | $("#desktop-menu .dos").css('font-size', '20px')
| |
| − | }
| |
| − | });
| |
| − | | |
| − | $("#desktop-menu #button-Tres").hover(function(){
| |
| − | $("#desktop-menu .tres").css('font-size', '22px')
| |
| − | }, function(){
| |
| − | if ( $(this).hasClass("bottom-selected-desk") ) {
| |
| − | $("#desktop-menu .tres").css('font-size', '22px')
| |
| − | }else{
| |
| − | $("#desktop-menu .tres").css('font-size', '20px')
| |
| − | }
| |
| − | });
| |
| − | | |
| − | $("#button-All").hover(function() {
| |
| − | $("#desktop-menu .fa-eye").css('font-size', '22px')
| |
| − | }, function() {
| |
| − | if ( $(this).hasClass("bottom-selected-desk") ) {
| |
| − | $("#desktop-menu .fa-eye").css('font-size', '22px')
| |
| − | }else{
| |
| − | $("#desktop-menu .fa-eye").css('font-size', '20px')
| |
| − | }
| |
| − | });
| |
| − | | |
| − | }
| |
| − | | |
| − | $(document).ready( function() {
| |
| − | $('#totalItems, #enteredItems').keyup();
| |
| − | });
| |
| − | </script>
| |
| − | | |
| − | </html>
| |
| − | | |
| − | <div id="desktop">
| |
| − | <!-- Nice colors: #D8BFD8 #BDB76B-->
| |
| − | {| style="color: black; background-color: white; width: 100%; padding: 0px 0px 0px 0px; border: 0px solid #ddddff;"
| |
| − | <!-- ============================================================================ -->
| |
| − | | class="table-1 table-1-1 invisible" style="visibility: visible" |
| |
| − | <p class="text-1-1">
| |
| − | Estudio actual
| |
| − | </p>
| |
| − | | class="table-2 table-1-1 invisible" |
| |
| − | <p class="text-1-1">
| |
| − | Level1
| |
| − | </p>
| |
| − | | class="table-3 table-1-1 invisible" |
| |
| − | <p class="text-1-1">
| |
| − | Level1
| |
| − | </p>
| |
| − | |-
| |
| − | | class="table-1 table-2-1 invisible" style="visibility: visible" |
| |
| − | <!-- ---- Estudio actual ------ -->
| |
| − | <!-- ----------------------- Ini-->
| |
| − | <div class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | * <p class="text-2-1">Carrera - CV</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | | |
| − | :* [[CV_-_Skills_and_Qualifications_1]] <i class="fa fa-check" style="color:grey"></i>
| |
| − | :* [[CV]] <i class="fa fa-check" style="color:grey"></i>
| |
| − | ::* Podría mejorar the CGGVeritas experience and the IDG experience (Adding something related to Data or the deputy Team leader)
| |
| − | ::* Podría también mejorar un poco the profile description
| |
| − | :* Classic questions <i class="fa fa-check" style="color:grey"></i>
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | | |
| − | <div class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | * <p class="text-2-1">Data science</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | | |
| − | :* All the Python for data science .ipynb <i class="fa fa-check" style="color:grey"></i>
| |
| − | ::* <span style="color:grey">Descriptive Data Analysis</span>
| |
| − | :::* <span style="color:grey">Second example of Kurtosis</span>
| |
| − | :* [[Data Science]] <i class="fa fa-check" style="color:grey"></i>
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | | |
| − | <div class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | * <p class="text-2-1">Programming</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | | |
| − | :* StockMarketSimulator-Java1 code <i class="fa fa-check" style="color:#007bff"></i>
| |
| − | :* StockMarketSimulator-Python code <i class="fa fa-check" style="color:#007bff"></i>
| |
| − | :* Web development example1 code <i class="fa fa-check" style="color:#007bff"></i>
| |
| − | :* ----
| |
| − | :* ZooManagementSystem Class diagram <i class="fa fa-check" style="color:grey"></i>
| |
| − | :* ZooManagementSystem-Java1 code <i class="fa fa-check" style="color:white"></i>
| |
| − | :* ZooManagementSystem-Python1 code <i class="fa fa-check" style="color:white"></i>
| |
| − | :* [[Object-Oriented_Concepts_and_Constructs]] <i class="fa fa-check" style="color:grey"></i>
| |
| − | :* [[JavaScript]] & [[React]] <i class="fa fa-check" style="color:white"></i>
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | | |
| − | <div class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | * <p class="text-2-1">Database</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | | |
| − | :* BookDB implementation example (.ipynb) <i class="fa fa-check" style="color:grey"></i>
| |
| − | :* ----
| |
| − | :* LaboratoryDB design and implementation example <i class="fa fa-check" style="color:white"></i>
| |
| − | :* [[Databases]] <i class="fa fa-check" style="color:white"></i>
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | <!-- ----------------------- End-->
| |
| − | | class="table-2 table-2-1 invisible" |
| |
| − | <!-- ---- Section 2 ------ -->
| |
| − | <!-- ----------------------- Ini-->
| |
| − | <div class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | * <p class="text-2-1">Level2</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | | |
| − | <div class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | :* <p class="text-3-1">Level3</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | | |
| − | <div style="" class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | ::* <p class="text-4-1">Level4</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | :::* Level5
| |
| − | :::* Level5
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | <!-- ----------------------- End-->
| |
| − | | class="table-3 table-2-1 invisible" |
| |
| − | <!-- ---- Section 3 ------ -->
| |
| − | <!-- ----------------------- Ini-->
| |
| − | <div class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | * <p class="text-2-1">Level2</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | | |
| − | <div class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | :* <p class="text-3-1">Level3</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | | |
| − | <div style="" class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | ::* <p class="text-4-1">Level4</p>
| |
| − | <div class="mw-collapsible-content">
| |
| − | :::* Level5
| |
| − | :::* Level5
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | <!-- ----------------------- End-->
| |
| − | <!-- ============================================================================ -->
| |
| − | |}
| |
| − | | |
| − | | |
| − | | |
| − | <div class="table-4" style="display: none; margin-top:50px; margin-bottom: 500px;">
| |
| − | '''Aquí se explica una forma de incluir wiki code in the annonymous sidebar''':
| |
| − | * https://www.mediawiki.org/wiki/Manual:Interface/Sidebar/Hacks
| |
| − | * Los cambios se ingresan en esta página: http://wiki.sinfronteras.ws/view/MediaWiki:Anon_sidebar
| |
| − | | |
| − | | |
| − | <br />
| |
| − | '''BlueSpice'''
| |
| − | https://www.mediawiki.org/wiki/BlueSpice
| |
| − | | |
| − | | |
| − | <br />
| |
| − | '''This is the way of including HTML, JavaScript and CSS:'''
| |
| − | https://www.mediawiki.org/wiki/Manual:$wgRawHtml
| |
| − | | |
| − | | |
| − | <br />
| |
| − | '''Very nice tables:'''
| |
| − | | |
| − | [[Página_de_pruebas_4]]
| |
| − | | |
| − | | |
| − | <br />
| |
| − | '''Esto permite colocar el área de edición en Full screem:'''
| |
| − | <syntaxhighlight lang="javascript">
| |
| − | $("#bodyContent").css({'cssText':'position: fixed; top: 0pt; left: 0pt; bottom: 0; right: 0; overflow: auto; background: white;'})
| |
| − | </syntaxhighlight>
| |
| − | | |
| − | | |
| − | <br />
| |
| − | '''Pendiente con estas extensiones, podrían ser muy útil:'''
| |
| − | | |
| − | * https://www.mediawiki.org/wiki/Extension:WikEd
| |
| − | | |
| − | | |
| − | * https://www.mediawiki.org/wiki/Extension:SideBarMenu
| |
| − | <blockquote>
| |
| − | <sidebarmenu>
| |
| − | +[[Computer Science and IT]]
| |
| − | +*[[Web Development]]
| |
| − | **[[JavaScript]]
| |
| − | **[[Dash - Plotly]]
| |
| − | ***[[Dash - Plotly#Installation]]
| |
| − | ***[[Dash - Plotly#Examples]]
| |
| − | +*[[Data Science]]
| |
| − | **[[Data Science#What is Data Science]]
| |
| − | **[[Data Science#Descriptive Data Analysis]]
| |
| − | **[[Data Science#Naive Bayes]]
| |
| − | </sidebarmenu>
| |
| − | </blockquote>
| |
| − | | |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | | |
| − | | |
| − | | |
| − | {{#css:
| |
| − | #firstHeading {
| |
| − | border-bottom: 1px solid #B8860B !important; <!-- This means the page contains hidden text -->
| |
| − | }
| |
| − | .text-1-1 {
| |
| − | color: white;
| |
| − | font-size: 20px;
| |
| − | font-weight: bold;
| |
| − | font-style: italic;
| |
| − | font-family: 'Linux Libertine','Georgia','Times',serif;"
| |
| − | }
| |
| − | .text-2-1 {
| |
| − | text-align: left;
| |
| − | color: #0000ff;
| |
| − | font-weight: bold;
| |
| − | margin-top: -5pt;
| |
| − | }
| |
| − | .text-3-1 {
| |
| − | text-align: left;
| |
| − | color: #A52A2A;
| |
| − | font-weight: bold;
| |
| − | margin-top: -5pt;
| |
| − | }
| |
| − | .text-4-1 {
| |
| − | text-align: left;
| |
| − | color: black;
| |
| − | font-weight: bold;
| |
| − | margin-top: -5pt;
| |
| − | }
| |
| − | .table-1-1 {
| |
| − | width: 20%;
| |
| − | height: 10px;
| |
| − | background-color: #4081de;
| |
| − | padding: 0px 5px 0px 10px;
| |
| − | border: 1px solid #4081de; <!-- #ddddff; -->
| |
| − | vertical-align: center;
| |
| − | moz-border-radius: 0px;
| |
| − | webkit-border-radius: 0px;
| |
| − | border-radius:0px;
| |
| − | }
| |
| − | .table-1-2 {
| |
| − | color: #B8860B;
| |
| − | background-color: #E6E6FA;
| |
| − | }
| |
| − | .table-2-1 {
| |
| − | width: 20%;
| |
| − | background-color: #ededf2;
| |
| − | padding: 20px 10px 30px 10px;
| |
| − | border: 1px solid #ddddff;
| |
| − | vertical-align: top;
| |
| − | }
| |
| − | .table-2-2 {
| |
| − | background-color: white;
| |
| − | }
| |
| − | .invisible {
| |
| − | visibility: hidden;
| |
| − | }
| |
| − | }}
| |
