|
|
| Line 1: |
Line 1: |
| − | {{Sidebar}}<div style="margin-bottom:-25px"></div>
| + | ~ Migrated |
| − | <!-- Esta página contiene texto invisible -->
| |
| − | <!-- ------------------------------------ -->
| |
| − | <accesscontrol>
| |
| − | Autoconfirmed users
| |
| − | </accesscontrol>
| |
| − | __NOTOC__
| |
| − | | |
| − | <section begin=Desktop0 />
| |
| − | <html>
| |
| − | <style>
| |
| − | #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;
| |
| − | }
| |
| − | .desktop-1-1 {
| |
| − | width: 20%;
| |
| − | height: 10px;
| |
| − | background-color: #4081de;
| |
| − | padding: 0px 5px 0px 10px;
| |
| − | border: 1px solid #4081de;
| |
| − | vertical-align: center;
| |
| − | moz-border-radius: 0px;
| |
| − | webkit-border-radius: 0px;
| |
| − | border-radius:0px;
| |
| − | }
| |
| − | .desktop-1-2 {
| |
| − | color: #B8860B;
| |
| − | background-color: #E6E6FA;
| |
| − | }
| |
| − | .desktop-2-1 {
| |
| − | width: 20%;
| |
| − | background-color: #ededf2;
| |
| − | padding: 20px 10px 30px 10px;
| |
| − | border: 1px solid #ddddff;
| |
| − | vertical-align: top;
| |
| − | }
| |
| − | .desktop-2-2 {
| |
| − | background-color: white;
| |
| − | }
| |
| − | .invisible {
| |
| − | visibility: hidden;
| |
| − | }
| |
| − | .bottom-selected-desk {
| |
| − | color:rgb(59, 59, 73);
| |
| − | background-color: #d1d1de !important; /* #f44336 rgb(60, 60, 70) #3c4043 */
| |
| − | }
| |
| − | #desktop-menu .izquierda{
| |
| − | width:20%;
| |
| − | }
| |
| − | #desktop-menu .uno { font-size: 22px; }
| |
| − | #desktop-menu .dos { font-size: 22px; }
| |
| − | #desktop-menu .tres { font-size: 20px; }
| |
| − | #desktop-menu .alltres { 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 .alltres:hover { color:black; }
| |
| − | #desktop-menu .fa-eye:hover { color:black; }
| |
| − | </style>
| |
| − | | |
| − | <div id="desktop-menu" style="margin-top: -85px; margin-bottom: 80px;">
| |
| − | | |
| − | <div id="container-desktop-menu" style="background:rgb(243, 243, 247); width:250px;">
| |
| − | <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-AllTres" class="button izquierda deskTab" onclick="selectDesktop(event,'AllTres')"> <i class="alltres">All</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="AllTres" 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')
| |
| − | $(".alltres").css('font-size', '20px')
| |
| − | $(".fa-eye").css('font-size', '20px')
| |
| − | | |
| − | $(".desktop-1").css('visibility','visible')
| |
| − | $(".desktop-2").css('visibility','hidden')
| |
| − | $(".desktop-3").css('visibility','hidden')
| |
| − | $(".desktop-4").css('display', 'none')
| |
| − | }else if (cityName == "Dos") {
| |
| − | $(".uno").css('font-size', '20px')
| |
| − | $(".dos").css('font-size', '22px')
| |
| − | $(".tres").css('font-size', '20px')
| |
| − | $(".alltres").css('font-size', '20px')
| |
| − | $(".fa-eye").css('font-size', '20px')
| |
| − | | |
| − | $(".desktop-1").css('visibility','hidden')
| |
| − | $(".desktop-2").css('visibility','visible')
| |
| − | $(".desktop-3").css('visibility','hidden')
| |
| − | $(".desktop-4").css('display', 'none')
| |
| − | }else if (cityName == "Tres") {
| |
| − | $(".uno").css('font-size', '20px')
| |
| − | $(".dos").css('font-size', '20px')
| |
| − | $(".tres").css('font-size', '22px')
| |
| − | $(".alltres").css('font-size','20px')
| |
| − | $(".fa-eye").css('font-size', '20px')
| |
| − | | |
| − | $(".desktop-1").css('visibility','hidden')
| |
| − | $(".desktop-2").css('visibility','hidden')
| |
| − | $(".desktop-3").css('visibility','visible')
| |
| − | $(".desktop-4").css('display', 'none')
| |
| − | }else if (cityName == "AllTres") {
| |
| − | $(".uno").css('font-size', '20px')
| |
| − | $(".dos").css('font-size', '20px')
| |
| − | $(".tres").css('font-size', '20px')
| |
| − | $(".alltres").css('font-size', '22px')
| |
| − | $(".fa-eye").css('font-size', '20px')
| |
| − | | |
| − | $(".desktop-1").css('visibility','visible')
| |
| − | $(".desktop-2").css('visibility','visible')
| |
| − | $(".desktop-3").css('visibility','visible')
| |
| − | $(".desktop-4").css('display', 'none')
| |
| − | }else {
| |
| − | $(".uno").css('font-size', '20px')
| |
| − | $(".dos").css('font-size', '20px')
| |
| − | $(".tres").css('font-size', '20px')
| |
| − | $(".alltres").css('font-size','20px')
| |
| − | $(".fa-eye").css('font-size', '22px')
| |
| − | | |
| − | $(".desktop-1").css('visibility','visible')
| |
| − | $(".desktop-2").css('visibility','visible')
| |
| − | $(".desktop-3").css('visibility','visible')
| |
| − | $(".desktop-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')
| |
| − | }
| |
| − | });
| |
| − | | |
| − | $("#desktop-menu #button-AllTres").hover(function(){
| |
| − | $("#desktop-menu .alltres").css('font-size', '22px')
| |
| − | }, function(){
| |
| − | if ( $(this).hasClass("bottom-selected-desk") ) {
| |
| − | $("#desktop-menu .alltres").css('font-size', '22px')
| |
| − | }else{
| |
| − | $("#desktop-menu .alltres").css('font-size', '20px')
| |
| − | }
| |
| − | });
| |
| − | | |
| − | $("#desktop-menu #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')
| |
| − | }
| |
| − | });
| |
| − | | |
| − | </script>
| |
| − | | |
| − | </html>
| |
| − | | |
| − | | |
| − | <div id="desktop">
| |
| − | <!-- Nice colors: #D8BFD8 #BDB76B-->
| |
| − | {| class="desktop-cuadro" style="color: black; background-color: white; width: 100%; padding: 0px 0px 0px 0px; border: 0px solid #ddddff;"
| |
| − | <!-- ============================================================================ -->
| |
| − | | class="desktop-1 desktop-1-1 invisible" style="visibility: visible" |
| |
| − | <p id="desktop-1-titulo" class="text-1-1">
| |
| − | Working on <span class="text-1-1 espacio">-</span> <html><a href="/view/Mis_páginas"><span class="text-1-1">Mis_páginas</span></a></html>
| |
| − | </p>
| |
| − | | class="desktop-2 desktop-1-1 invisible" |
| |
| − | <p class="text-1-1">
| |
| − | Another
| |
| − | </p>
| |
| − | | class="desktop-3 desktop-1-1 invisible" |
| |
| − | <p class="text-1-1">
| |
| − | Another
| |
| − | </p>
| |
| − | |-
| |
| − | | class="desktop-1 desktop-2-1 invisible" style="visibility: visible" |
| |
| − | <!-- ---- Estudio actual ------ -->
| |
| − | <!-- ----------------------- Ini-->
| |
| − | <div id="desktop-main" class="desktop-2-1-area">
| |
| − | <div class="mw-collapsible mw-collapsed" data-expandtext="+/-" data-collapsetext="+/-">
| |
| − | * <p class="text-2-1">Data science</p>
| |
| − | <div class="nivel-3 mw-collapsible-content">
| |
| − | | |
| − | :* <p class="first-li"> All the Python for data science .ipynb <i class="fa fa-check" style="color:grey"></i> </p>
| |
| − | ::* <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="nivel-3 mw-collapsible-content">
| |
| − | | |
| − | :* <p class="first-li"> StockMarketSimulator-Java1 code <i class="fa fa-check" style="color:#007bff"></i> </p>
| |
| − | :* 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="nivel-3 mw-collapsible-content">
| |
| − | | |
| − | :* <p class="first-li"> BookDB implementation example (.ipynb) <i class="fa fa-check" style="color:grey"></i> </p>
| |
| − | :* ----
| |
| − | :* 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>
| |
| − | </div>
| |
| − | <!-- ----------------------- End-->
| |
| − | | class="desktop-2 desktop-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="desktop-3 desktop-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="desktop-4" style="display: none; margin-top:50px; margin-bottom: 500px;">
| |
| − | | |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | | |
| − | <section end=Desktop0 />
| |
