Difference between revisions of "Desktop"

From Sinfronteras
Jump to: navigation, search
(Replaced content with "~ Migrated")
(Tag: Replaced)
 
(176 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>
 
 
 
</style>
 
 
 
<div id="container-button-tap" style="margin-top:-9px; width:200px; margin-top: -70px; margin-bottom:80px">
 
    <button id="button-pe"    class="button izquierda    tablink bottom-selected"  onclick="openCity(event,'PE')"    > <i class="fas fa-atom"> </i>      </button>
 
    <button id="button-menu"  class="button izquierda    tablink"                  onclick="openCity(event,'Menu')"  > <i class="fas fa-ellipsis-v"></i> </button>
 
    <button id="button-others" class="button izquierda    tablink"                  onclick="openCity(event,'Others')"> <i class="fas fa-yin-yang">  </i> </button>
 
    <button id="button-tools"  class="button izquierda    tablink"                  onclick="openCity(event,'Tools')" > <i class="fas fa-tools"></i>      </button>
 
</div>
 
 
 
<div id="PE" class="area city" style="display:none">
 
    <p>Under construction...</p>
 
</div>
 
 
 
<div id="Menu"  class="area city" style="display:none">
 
    <p>Under construction...</p>
 
</div>
 
 
 
<div id="Tools"  class="area city" style="display:none">
 
    <p>Under construction...</p>
 
</div>
 
 
 
<div id="Others"  class="area city" style="display:none">
 
    <p>Under construction...</p>
 
</div>
 
 
 
</div>
 
 
 
<script>
 
  function openCity(evt, cityName) {
 
    var i, x, tablinks;
 
    x = document.getElementsByClassName("city");
 
    for (i = 0; i < x.length; i++) {
 
        x[i].style.display = "none";
 
    }
 
    tablinks = document.getElementsByClassName("tablink");
 
    for (i = 0; i < x.length; i++) {
 
        tablinks[i].className = tablinks[i].className.replace(" bottom-selected", "");
 
    }
 
    document.getElementById(cityName).style.display = "block";
 
    evt.currentTarget.className += " bottom-selected";
 
 
 
    if (cityName == "PE") {
 
      $(".fa-atom").css('font-size',      '21px')
 
      $(".fa-ellipsis-v").css('font-size','18px')
 
      $(".fa-yin-yang").css('font-size',  '19px')
 
      $(".fa-tools").css('font-size',    '17px')
 
 
 
      $(".table-1").css('visibility','visible')
 
      $(".table-2").css('visibility','hidden')
 
      $(".table-3").css('visibility','hidden')
 
      $(".table-4").css('display',  'none')
 
    }else if (cityName == "Menu") {
 
      $(".fa-atom").css('font-size',      '19px')
 
      $(".fa-ellipsis-v").css('font-size','20px')
 
      $(".fa-yin-yang").css('font-size',  '19px')
 
      $(".fa-tools").css('font-size',    '17px')
 
 
 
      $(".table-1").css('visibility','hidden')
 
      $(".table-2").css('visibility','visible')
 
      $(".table-3").css('visibility','hidden')
 
      $(".table-4").css('display',  'none')
 
    }else if (cityName == "Others") {
 
      $(".fa-atom").css('font-size',      '19px')
 
      $(".fa-ellipsis-v").css('font-size','18px')
 
      $(".fa-yin-yang").css('font-size',  '21px')
 
      $(".fa-tools").css('font-size',    '17px')
 
 
 
      $(".table-1").css('visibility','hidden')
 
      $(".table-2").css('visibility','hidden')
 
      $(".table-3").css('visibility','visible')
 
      $(".table-4").css('display',  'none')
 
    }else {
 
      $(".fa-atom").css('font-size',      '19px')
 
      $(".fa-ellipsis-v").css('font-size','18px')
 
      $(".fa-yin-yang").css('font-size',  '19px')
 
      $(".fa-tools").css('font-size',    '19px')
 
 
 
      $(".table-1").css('visibility','visible')
 
      $(".table-2").css('visibility','visible')
 
      $(".table-3").css('visibility','visible')
 
      $(".table-4").css('display',  'block')
 
 
 
  }
 
 
 
  $("#button-pe").hover(function(){
 
    $(".fa-atom").css('font-size', '21px')
 
    }, function(){
 
    if ( $(this).hasClass("bottom-selected") ) {
 
        $(".fa-atom").css('font-size', '21px')
 
    }else{
 
        $(".fa-atom").css('font-size', '19px')
 
    }
 
  });
 
 
 
  $("#button-menu").hover(function(){
 
    $(".fa-ellipsis-v").css('font-size', '20px')
 
    }, function(){
 
    if ( $(this).hasClass("bottom-selected") ) {
 
        $(".fa-ellipsis-v").css('font-size', '20px')
 
    }else{
 
        $(".fa-ellipsis-v").css('font-size', '18px')
 
    }
 
  });
 
 
 
  $("#button-others").hover(function(){
 
    $(".fa-yin-yang").css('font-size', '21px')
 
    }, function(){
 
    if ( $(this).hasClass("bottom-selected") ) {
 
        $(".fa-yin-yang").css('font-size', '21px')
 
    }else{
 
        $(".fa-yin-yang").css('font-size', '19px')
 
    }
 
  });
 
 
 
  $("#button-tools").hover(function() {
 
    $(".fa-tools").css('font-size', '19px')
 
    }, function() {
 
    if ( $(this).hasClass("bottom-selected") ) {
 
        $(".fa-tools").css('font-size', '19px')
 
    }else{
 
        $(".fa-tools").css('font-size', '17px')
 
    }
 
  });
 
 
 
}
 
 
 
</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;
 
  }
 
}}
 

Latest revision as of 14:01, 24 February 2026

~ Migrated