Diferencia entre revisiones de «Página principal»

De enunpimpam
Saltar a: navegación, buscar
Línea 13: Línea 13:
  
 
Consola
 
Consola
 
 
<console>
 
<console>
 
root@pimpam:/var/www/html/mediawiki/extensions/SyntaxHighlight# ls
 
root@pimpam:/var/www/html/mediawiki/extensions/SyntaxHighlight# ls
Línea 24: Línea 23:
  
 
Codigo css
 
Codigo css
 
 
 
<syntaxhighlight lang="css">
 
<syntaxhighlight lang="css">
 
#home-overlay {
 
#home-overlay {
Línea 45: Línea 42:
 
   vertical-align: middle;
 
   vertical-align: middle;
 
} </pre>
 
} </pre>
 +
</syntaxhighlight>
  
 
</syntaxhighlight>
 
 
JavaScript
 
JavaScript
 
<syntaxhighlight lang="js">
 
<syntaxhighlight lang="js">
Línea 60: Línea 56:
  
 
HTML
 
HTML
 
 
<syntaxhighlight lang="html">
 
<syntaxhighlight lang="html">
 
<body>
 
<body>
Línea 73: Línea 68:
 
         <source src="video/pimpam.mp4" type="video/mp4" />
 
         <source src="video/pimpam.mp4" type="video/mp4" />
 
</syntaxhighlight>
 
</syntaxhighlight>
 +
 +
JSON
 +
<syntaxhighlight lang="json">
 +
[
 +
  {
 +
    "title": "apples",
 +
    "count": [12000, 20000],
 +
    "description": {"text": "...", "sensitive": false}
 +
  },
 +
  {
 +
    "title": "oranges",
 +
    "count": [17500, null],
 +
    "description": {"text": "...", "sensitive": false}
 +
  }
 +
]
 +
<syntaxhighlight>

Revisión del 00:46 21 abr 2020

MediaWiki se ha instalado.

Consulta la guía para obtener información sobre el uso del software wiki.

Primeros pasos


Consola

root@pimpam:/var/www/html/mediawiki/extensions/SyntaxHighlight# ls
CODE_OF_CONDUCT.md  extension.json  includes     package-lock.json  SyntaxHighlight.lexers.php
composer.json       Gruntfile.js    maintenance  pygments           tests
COPYING             i18n            modules      README
root@pimpam:/var/www/html/mediawiki/extensions/SyntaxHighlight# cd ..
root@pimpam:/var/www/html/mediawiki/extensions# cd ..

Codigo css

#home-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
#home-content {
  width: 100%;
  height: 100%;
  display: table;
}
#home-content-inner {
  display: table-cell;
  vertical-align: middle;
} </pre>

JavaScript

/* ========================
          Preloader 
===========================*/
$(window).on("load", function () {
  $("#status").fadeOut();
  $("#preloader").delay(350).fadeOut("slow");
});

HTML

<body>
    <!-- Preloader-->
    <div id="preloader">
      <div id="status">&nbsp;</div>
    </div>
    <!-- Home -->
    <section id="home">
      <!-- Background Video-->
      <video id="home-bg-video" poster="video/pimpam.png" autoplay loop>
        <source src="video/pimpam.mp4" type="video/mp4" />

JSON <syntaxhighlight lang="json"> [

 {
   "title": "apples",
   "count": [12000, 20000],
   "description": {"text": "...", "sensitive": false}
 },
 {
   "title": "oranges",
   "count": [17500, null],
   "description": {"text": "...", "sensitive": false}
 }

] <syntaxhighlight>