devfzn/basicos_git
devfzn/basicos_git
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

Inicio Proyecto Git

Browse Source
This commit is contained in:
jp.av.dev 2020-07-11 18:14:02 -04:00
parent 6d32beeb18
commit b163a1563b
14 changed files with 2746 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
README.md Normal file
View File

@ -0,0 +1,70 @@
#Curso Profesional de Git y GitHub
Puedes encontrar el curso completo en:
[Platzi.com/GIT](http://platzi.com/git)
En el siguiente documento, encontrarás los diferentes retos colocados al final del curso.
Como podrás observar, existen diferentes temas que deberás dominar antes de poder realizarlos.
![Image of Yaktocat](http://i.imgur.com/vRIPuMd.png)
Encuentra las diapositivas en: "git.miguelnieva.com"
[Presentación "Curso de Git"](http://git.miguelnieva.com)
##Recomendaciones
1. Debes terminar el curso de GIT y GitHub de Platzi, al menos hasta Workflows.
2. Los desafíos tienden a resolverse con múltiples soluciones. No existe una.
3. Necesitarás un hosting y otras librerías para resolverlo de forma más creativa.
Puedes usar: Digital Ocean, Webfaction ó Amazon Web Services si tienes con este último mayor nivel.
##¿Qué pasa al resolverlos?
- Tendrás un proyecto en tu portafolio adicional.
- Le daré un vistazo y te daré mi retrospectiva.
##1. Crea un blog con GitHub Pages
La creación de un sitio en GitHub Pages requiere que:
1. Generes una cuenta en GitHub
2. Lances un proyecto dentro del mismo. (git push)
3. Te coloques en la rama de gh-pages y despliegues.
El taller que puede funcionarte enormemente es:
[Material de GitHub Pages](https://platzi.com/clases/git-github/concepto/project-management-con-github/a-workshop-tu-primer-blog-en-github-pages/material/)
##2. Diseñar un proyecto con Git
1. Visualizar tu proyecto y enlistarlo en el issues management de GitHub.
Esto implica:
- Que generes Milestones e issues.
- Coloques deadlines
2. Subirlo a GitHub.
Conforme vayas resolviendo los issues del proyecto, los irás subiendo en diferentes commits con descripciones relacionadas a ellas.
3. Resolver al menos 10 issues, con 10 commits. Con esto, podrás ver el diseño del proyecto completo.
##3. Realizar un despliegue ("deploy") con Git
1. Necesitarás un servidor y conectarte vía SSH
2. Subir tu proyecto a GitHub
3. Desplegar con pull y push.

2070
assets/css/screen.css Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
assets/fonts/casper-icons.eot Normal file
View File

Binary file not shown.

20
assets/fonts/casper-icons.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="512">
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
<glyph unicode="&#xf600;" d="M0 480v-102.4h307.2v102.4h-307.2zM0 275.2v-102.4h512v102.4h-512zM0 70.4v-102.4h204.8v102.4h-204.8zM307.2 70.4v-102.4h204.8v102.4h-204.8zM409.6 480v-102.4h102.4v102.4h-102.4z" />
<glyph unicode="&#xf601;" d="M421.344-32c-0.4 229.616-200.752 417.264-421.344 417.696v94.304c270.656 0 512-230.304 512-512h-90.656zM343.6-31.968h-90.608c0.304 56.384-28.336 119.488-73.664 166.736-45.072 47.632-124.96 77.648-179.104 77.36v94.272c169.040-3.648 339.936-163.312 343.376-338.368zM64.256 96.048c35.312 0 63.936-28.656 63.936-64 0-35.328-28.624-63.984-63.936-63.984s-63.936 28.656-63.936 63.984c0 35.344 28.624 64 63.936 64z" />
<glyph unicode="&#xf602;" d="M512 382.791c-18.838-8.354-39.082-14.001-60.33-16.54 21.686 13 38.343 33.585 46.186 58.115-20.298-12.039-42.778-20.78-66.705-25.49-19.16 20.415-46.461 33.17-76.673 33.17-58.011 0-105.044-47.029-105.044-105.039 0-8.233 0.929-16.25 2.72-23.939-87.3 4.382-164.701 46.2-216.509 109.753-9.042-15.514-14.223-33.558-14.223-52.809 0-36.444 18.544-68.596 46.73-87.433-17.219 0.546-33.416 5.271-47.577 13.139-0.010-0.438-0.010-0.878-0.010-1.321 0-50.894 36.209-93.348 84.261-103-8.813-2.4-18.094-3.686-27.674-3.686-6.769 0-13.349 0.66-19.764 1.886 13.368-41.73 52.16-72.103 98.126-72.948-35.95-28.175-81.243-44.967-130.458-44.967-8.479 0-16.84 0.497-25.058 1.47 46.486-29.805 101.701-47.197 161.021-47.197 193.211 0 298.868 160.062 298.868 298.872 0 4.554-0.103 9.084-0.305 13.59 20.528 14.81 38.336 33.31 52.418 54.374z" />
<glyph unicode="&#xf603;" d="M0.403 45.168c-0.122 1.266-0.226 2.535-0.292 3.815 0.065-1.28 0.17-2.549 0.292-3.815zM117.954 197.426c46.005-1.369 76.867 46.349 68.931 106.599-7.947 60.24-51.698 108.584-97.704 109.961-46.013 1.365-76.87-44.741-68.926-105 7.941-60.234 51.676-110.187 97.699-111.56zM512 352v42.655c0 46.94-38.391 85.345-85.329 85.345h-341.328c-46.138 0-84.006-37.116-85.282-82.963 29.181 25.693 69.662 47.158 111.437 47.158 44.652 0 178.622 0 178.622 0l-39.974-33.809h-56.634c37.565-14.402 57.578-58.062 57.578-102.861 0-37.624-20.905-69.977-50.444-92.984-28.822-22.451-34.286-31.854-34.286-50.939 0-16.289 30.873-44 47.016-55.394 47.191-33.269 62.458-64.156 62.458-115.728 0-8.214-1.021-16.415-3.033-24.48h153.871c46.937 0 85.328 38.375 85.328 85.345v266.654h-96v-95.999h-32v96h-95.999v32h95.999v96h32v-96h96zM92.943 97.032c10.807 0 20.711 0.295 30.968 0.295-13.573 13.167-24.313 29.3-24.313 49.19 0 11.804 3.782 23.168 9.067 33.26-5.391-0.385-10.895-0.497-16.563-0.497-37.178 0-68.753 12.038-92.102 31.927v-33.621l0.003-100.865c26.72 12.687 58.444 20.311 92.94 20.311zM1.71 36.371c-0.556 2.729-0.983 5.503-1.271 8.317 0.287-2.814 0.715-5.588 1.271-8.317zM227.725 3.577c-7.529 29.403-34.227 43.982-71.444 69.784-13.536 4.366-28.447 6.937-44.447 7.104-44.809 0.482-86.554-17.471-110.108-44.186 7.96-38.853 42.517-68.279 83.617-68.279h143.222c0.908 5.564 1.348 11.316 1.348 17.216 0 6.267-0.767 12.396-2.188 18.361z" />
<glyph unicode="&#xf604;" d="M426.672 480h-341.33c-46.936 0-85.342-38.407-85.342-85.344v-341.313c0-46.969 38.406-85.343 85.342-85.343l341.33 0.001c46.938 0 85.328 38.373 85.328 85.344v341.311c0 46.937-38.391 85.344-85.328 85.344zM435.296 224h-83.296v-224h-96v224h-46.263v73.282h46.263v47.593c0 64.671 27.896 103.125 103.935 103.125h87.622v-79.285h-71.565c-21.241 0.035-23.876-11.076-23.876-31.756l-0.116-39.677h96l-12.704-73.282z" />
<glyph unicode="&#xf605;" d="M368.615 34.099c6.861-6.938 6.861-18.125 0-25.063s-17.945-6.938-24.807 0l-200.448 202.419c-6.861 6.938-6.861 18.15 0 25.063l200.448 202.445c6.861 6.938 17.945 6.938 24.807 0s6.861-18.125 0-25.063l-182.784-189.901 182.784-189.901z" />
<glyph unicode="&#xf606;" d="M435.2 454.4h-56.32c-14.131 0-20.48-11.469-20.48-25.6v-435.2h102.4v435.2c0 14.131-11.443 25.6-25.6 25.6zM281.6 300.8h-56.32c-14.131 0-20.48-11.469-20.48-25.6v-281.6h102.4v281.6c0 14.131-11.443 25.6-25.6 25.6zM128 147.2h-56.32c-14.131 0-20.48-11.443-20.48-25.6v-128h102.4v128c0 14.157-11.469 25.6-25.6 25.6z" />
<glyph unicode="&#xf607;" d="M256 428.8c-70.707 0-128-57.319-128-128 0-122.214 128-281.6 128-281.6s128 159.386 128 281.6c0 70.681-57.293 128-128 128zM256 230.144c-38.169 0-69.12 30.951-69.12 69.12s30.951 69.12 69.12 69.12 69.12-30.951 69.12-69.12-30.95-69.12-69.12-69.12z" />
<glyph unicode="&#xf608;" d="M201.19 103.834l-20.736-20.582c-17.971-17.792-47.181-17.817-65.126 0-8.627 8.576-13.363 19.917-13.363 32.026s4.761 23.475 13.363 32.051l76.288 75.699c15.795 15.693 45.542 38.759 67.226 17.255 9.959-9.881 26.035-9.805 35.891 0.128 9.882 9.933 9.83 26.010-0.128 35.891-36.839 36.557-91.315 29.798-138.752-17.255l-76.288-75.699c-18.279-18.176-28.365-42.343-28.365-68.070 0-25.702 10.087-49.869 28.391-68.045 18.841-18.714 43.571-28.032 68.301-28.032s49.511 9.318 68.352 28.032l20.736 20.608c9.958 9.882 10.010 25.959 0.128 35.865-9.881 9.933-25.958 9.984-35.917 0.128zM432.409 397.85c-39.577 39.27-94.899 41.395-131.558 5.043l-25.831-25.626c-9.959-9.882-10.035-25.933-0.154-35.891 9.907-9.958 25.959-10.010 35.891-0.128l25.83 25.625c18.969 18.841 43.827 11.034 60.058-5.043 8.627-8.55 13.363-19.942 13.363-32.026 0-12.109-4.762-23.475-13.363-32.026l-81.408-80.742c-37.197-36.915-54.682-19.61-62.131-12.211-9.958 9.882-26.010 9.805-35.865-0.128-9.881-9.959-9.831-26.035 0.128-35.891 17.075-16.947 36.608-25.344 57.037-25.344 25.037 0 51.481 12.595 76.621 37.555l81.382 80.743c18.304 18.151 28.39 42.317 28.39 68.019s-10.087 49.894-28.39 68.070z" />
<glyph unicode="&#xf609;" d="M64 362.667h384q8.834 0 15.084-6.25t6.25-15.083-6.25-15.084-15.084-6.25h-384q-8.834 0-15.084 6.25t-6.25 15.084 6.25 15.083 15.084 6.25zM64 106.667h384q8.834 0 15.084-6.25t6.25-15.084-6.25-15.084-15.084-6.25h-384q-8.834 0-15.084 6.25t-6.25 15.084 6.25 15.084 15.084 6.25zM64 234.667h384q8.834 0 15.084-6.25t6.25-15.084-6.25-15.084-15.084-6.25h-384q-8.834 0-15.084 6.25t-6.25 15.084 6.25 15.084 15.084 6.25z" />
</font></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
assets/fonts/casper-icons.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/casper-icons.woff Normal file
View File

Binary file not shown.

BIN
assets/images/IMG_0022.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
assets/images/IMG_0111.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

56
assets/js/index.js Normal file
View File

@ -0,0 +1,56 @@
/**
* Main JS file for Casper behaviours
*/
/* globals jQuery, document */
(function ($, undefined) {
"use strict";
var $document = $(document);
$document.ready(function () {
var $postContent = $(".post-content");
$postContent.fitVids();
$(".scroll-down").arctic_scroll();
$(".menu-button, .nav-cover, .nav-close").on("click", function(e){
e.preventDefault();
$("body").toggleClass("nav-opened nav-closed");
});
});
// Arctic Scroll by Paul Adam Davis
// https://github.com/PaulAdamDavis/Arctic-Scroll
$.fn.arctic_scroll = function (options) {
var defaults = {
elem: $(this),
speed: 500
},
allOptions = $.extend(defaults, options);
allOptions.elem.click(function (event) {
event.preventDefault();
var $this = $(this),
$htmlBody = $('html, body'),
offset = ($this.attr('data-offset')) ? $this.attr('data-offset') : false,
position = ($this.attr('data-position')) ? $this.attr('data-position') : false,
toMove;
if (offset) {
toMove = parseInt(offset);
$htmlBody.stop(true, false).animate({scrollTop: ($(this.hash).offset().top + toMove) }, allOptions.speed);
} else if (position) {
toMove = parseInt(position);
$htmlBody.stop(true, false).animate({scrollTop: toMove }, allOptions.speed);
} else {
$htmlBody.stop(true, false).animate({scrollTop: ($(this.hash).offset().top) }, allOptions.speed);
}
});
};
})(jQuery);

67
assets/js/jquery.fitvids.js Normal file
View File

@ -0,0 +1,67 @@
/*global jQuery */
/*jshint browser:true */
/*!
* FitVids 1.1
*
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
*
*/
(function( $ ){
"use strict";
$.fn.fitVids = function( options ) {
var settings = {
customSelector: null
};
if(!document.getElementById('fit-vids-style')) {
// appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
var head = document.head || document.getElementsByTagName('head')[0];
var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
var div = document.createElement('div');
div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
head.appendChild(div.childNodes[1]);
}
if ( options ) {
$.extend( settings, options );
}
return this.each(function(){
var selectors = [
"iframe[src*='player.vimeo.com']",
"iframe[src*='youtube.com']",
"iframe[src*='youtube-nocookie.com']",
"iframe[src*='kickstarter.com'][src*='video.html']",
"object",
"embed"
];
if (settings.customSelector) {
selectors.push(settings.customSelector);
}
var $allVideos = $(this).find(selectors.join(','));
$allVideos = $allVideos.not("object object"); // SwfObj conflict patch
$allVideos.each(function(){
var $this = $(this);
if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
aspectRatio = height / width;
if(!$this.attr('id')){
var videoID = 'fitvid' + Math.floor(Math.random()*999999);
$this.attr('id', videoID);
}
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
$this.removeAttr('height').removeAttr('width');
});
});
};
// Works with either jQuery or Zepto
})( window.jQuery || window.Zepto );

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 361 KiB

124
index.html Normal file
View File

@ -0,0 +1,124 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Ejercicio</title>
<meta name="description" content="Ejercicio del Curso Profesional de GIT y GitHub.">
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico">
<meta property="og:site_name" content="Ejercicio del Curso Profesional de GIT y GitHub en Platzi.">
<meta property="og:type" content="website">
<meta property="og:title" content="Ejercicio">
<meta property="og:description" content="Descripción">
<meta property="og:url" content="http://localhost:2368/">
<meta property="og:image" content="http://localhost:2368/content/images/2016/01/IMG_0022.JPG">
</script>
<!-- Mobile Specific Metas
================================================== -->
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="user-scalable=0,width=device-width,initial-scale=1,maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="/assets/images/mike.ico" type="image/x-icon">
<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="assets/css/screen.css?v=ab02b62c52">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic%7COpen+Sans:700,400">
</head>
<body class="home-template nav-closed">
<div class="nav">
<h3 class="nav-title">Menu</h3>
<a href="index.html#" class="nav-close">
<span class="hidden">Close</span>
</a>
<ul>
<li class="nav-home nav-current" role="presentation"><a href="http://localhost:2368/">Inicio</a></li>
<li class="nav-home nav-current" role="presentation"><a href="http://localhost:2368/">Portafolio</a></li>
<li class="nav-home nav-current" role="presentation"><a href="http://localhost:2368/">Agenda</a></li>
</ul>
<a class="subscribe-button icon-feed" href="http://localhost:2368/rss/">Suscríbete</a>
</div>
<span class="nav-cover"></span>
<div class="site-wrapper">
<header class="main-header " style="background-image: url(assets/images/IMG_0022.JPG)">
<nav class="main-nav overlay clearfix">
<a class="blog-logo" href="http://localhost:2368">
<img src="assets/images/IMG_0111.JPG" alt="Prueba">
</a>
<a class="menu-button icon-menu" href="index.html#">
<span class="word">Menu</span>
</a>
</nav>
<div class="vertical">
<div class="main-header-content inner">
<h1 class="page-title">Título</h1>
<h2 class="page-description">Descripción.</h2>
</div>
</div>
<a class="scroll-down icon-arrow-left" href="index.html#content" data-offset="-45"><span class="hidden">Scroll Down</span></a>
</header>
<main id="content" class="content" role="main">
<div class="extra-pagination inner">
<nav class="pagination" role="navigation">
<span class="page-number">Page 1 of 1</span>
</nav>
</div>
<article class="post tag-getting-started">
<header class="post-header">
<h2 class="post-title">
<a href="post-1/index.html">Bienvenido</a>
</h2>
</header>
<section class="post-excerpt">
<p>Este es el primer post gracias al Curso Profesional de Git y GitHub.<a class="read-more" href="post-1/"></a></p>
</section>
<footer class="post-meta">
<a href="author/mike/">Mike Nieva</a>
<time class="post-date" datetime="2016-01-24">24 Enero 2016</time>
</footer>
</article>
<nav class="pagination" role="navigation">
<span class="page-number">1 de 1</span>
</nav>
</main>
<footer class="site-footer clearfix">
<section class="copyright"><a href="http://localhost:2368">Ejercicio. Curso Profesional de Git y GitHub. Platzi.</a> © 2016</section>
<section class="poweredby">Plantilla derivada de<a href="https://ghost.org">Ghost</a></section>
</footer>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.fitvids.js?v=ab02b62c52"></script>
<script type="text/javascript" src="assets/js/index.js?v=ab02b62c52"></script>
</body>

124
index2.html Normal file
View File

@ -0,0 +1,124 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Ejercicio</title>
<meta name="description" content="Ejercicio del Curso Profesional de GIT y GitHub.">
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico">
<meta property="og:site_name" content="Ejercicio del Curso Profesional de GIT y GitHub en Platzi.">
<meta property="og:type" content="website">
<meta property="og:title" content="Ejercicio">
<meta property="og:description" content="Descripción">
<meta property="og:url" content="http://localhost:2368/">
<meta property="og:image" content="http://localhost:2368/content/images/2016/01/IMG_0022.JPG">
</script>
<!-- Mobile Specific Metas
================================================== -->
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="user-scalable=0,width=device-width,initial-scale=1,maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="/assets/images/mike.ico" type="image/x-icon">
<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="assets/css/screen.css?v=ab02b62c52">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic%7COpen+Sans:700,400">
</head>
<body class="home-template nav-closed">
<div class="nav">
<h3 class="nav-title">Menu</h3>
<a href="index.html#" class="nav-close">
<span class="hidden">Close</span>
</a>
<ul>
<li class="nav-home nav-current" role="presentation"><a href="http://localhost:2368/">Inicio</a></li>
<li class="nav-home nav-current" role="presentation"><a href="http://localhost:2368/">Portafolio</a></li>
<li class="nav-home nav-current" role="presentation"><a href="http://localhost:2368/">Agenda</a></li>
</ul>
<a class="subscribe-button icon-feed" href="http://localhost:2368/rss/">Suscríbete</a>
</div>
<span class="nav-cover"></span>
<div class="site-wrapper">
<header class="main-header " style="background-image: url(assets/images/IMG_0022.JPG)">
<nav class="main-nav overlay clearfix">
<a class="blog-logo" href="http://localhost:2368">
<img src="assets/images/IMG_0111.JPG" alt="Prueba">
</a>
<a class="menu-button icon-menu" href="index.html#">
<span class="word">Menu</span>
</a>
</nav>
<div class="vertical">
<div class="main-header-content inner">
<h1 class="page-title">Título</h1>
<h2 class="page-description">Descripción.</h2>
</div>
</div>
<a class="scroll-down icon-arrow-left" href="index.html#content" data-offset="-45"><span class="hidden">Scroll Down</span></a>
</header>
<main id="content" class="content" role="main">
<div class="extra-pagination inner">
<nav class="pagination" role="navigation">
<span class="page-number">Page 1 of 1</span>
</nav>
</div>
<article class="post tag-getting-started">
<header class="post-header">
<h2 class="post-title">
<a href="post-1/index.html">Bienvenido</a>
</h2>
</header>
<section class="post-excerpt">
<p>Este es el primer post gracias al Curso Profesional de Git y GitHub.<a class="read-more" href="post-1/"></a></p>
</section>
<footer class="post-meta">
<a href="author/mike/">Mike Nieva</a>
<time class="post-date" datetime="2016-01-24">24 Enero 2016</time>
</footer>
</article>
<nav class="pagination" role="navigation">
<span class="page-number">1 de 1</span>
</nav>
</main>
<footer class="site-footer clearfix">
<section class="copyright"><a href="http://localhost:2368">Ejercicio. Curso Profesional de Git y GitHub. Platzi.</a> © 2016</section>
<section class="poweredby">Plantilla derivada de<a href="https://ghost.org">Ghost</a></section>
</footer>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.fitvids.js?v=ab02b62c52"></script>
<script type="text/javascript" src="assets/js/index.js?v=ab02b62c52"></script>
</body>

215
post-1/index.html Normal file
View File

@ -0,0 +1,215 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Welcome to Ghost</title>
<meta name="description" content="">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="../assets/css/screen.css?v=ab02b62c52">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic%7COpen+Sans:700,400">
<link rel="canonical" href="http://localhost:2368/welcome-to-ghost/">
<meta name="referrer" content="origin">
<meta property="og:site_name" content="Prueba">
<meta property="og:type" content="article">
<meta property="og:title" content="Welcome to Ghost">
<meta property="og:description" content="You're live! Nice. We've put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the admin area at &amp;lt;your blog URL&amp;gt;/ghost/. When...">
<meta property="og:url" content="http://localhost:2368/welcome-to-ghost/">
<meta property="article:published_time" content="2016-01-24T22:29:12.907Z">
<meta property="article:modified_time" content="2016-01-24T22:29:12.865Z">
<meta property="article:tag" content="Getting Started">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Welcome to Ghost">
<meta name="twitter:description" content="You're live! Nice. We've put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the admin area at &amp;lt;your blog URL&amp;gt;/ghost/. When...">
<meta name="twitter:url" content="http://localhost:2368/welcome-to-ghost/">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"publisher": "Prueba",
"author": {
"@type": "Person",
"name": "Mike Nieva",
"url": "http://localhost:2368/author/mike",
"sameAs": null,
"description": null
},
"headline": "Welcome to Ghost",
"url": "http://localhost:2368/welcome-to-ghost/",
"datePublished": "2016-01-24T22:29:12.907Z",
"dateModified": "2016-01-24T22:29:12.865Z",
"keywords": "Getting Started",
"description": "You&#x27;re live! Nice. We&#x27;ve put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the admin area at &amp;lt;your blog URL&amp;gt;/ghost/. When..."
}
</script>
<meta name="generator" content="Ghost 0.7">
<link rel="alternate" type="application/rss+xml" title="Prueba" href="http://localhost:2368/rss/">
</head>
<body class="post-template tag-getting-started nav-closed">
<div class="nav">
<h3 class="nav-title">Menu</h3>
<a href="index.html#" class="nav-close">
<span class="hidden">Close</span>
</a>
<ul>
<li class="nav-home" role="presentation"><a href="http://localhost:2368/">Home</a></li>
</ul>
<a class="subscribe-button icon-feed" href="http://localhost:2368/rss/">Subscribe</a>
</div>
<span class="nav-cover"></span>
<div class="site-wrapper">
<header class="main-header post-head no-cover">
<nav class="main-nav clearfix">
<a class="blog-logo" href="http://localhost:2368"><img src="../content/images/2016/01/IMG_0111.JPG" alt="Prueba"></a>
<a class="menu-button icon-menu" href="index.html#"><span class="word">Menu</span></a>
</nav>
</header>
<main class="content" role="main">
<article class="post tag-getting-started">
<header class="post-header">
<h1 class="post-title">Welcome to Ghost</h1>
<section class="post-meta">
<time class="post-date" datetime="2016-01-24">24 January 2016</time> on <a href="../tag/getting-started/">Getting Started</a>
</section>
</header>
<section class="post-content">
<p>You're live! Nice. We've put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the admin area at <code>&lt;your blog URL&gt;/ghost/</code>. When you arrive, you can select this post from a list on the left and see a preview of it on the right. Click the little pencil icon at the top of the preview to edit this post and read the next section!</p>
<h2 id="gettingstarted">Getting Started</h2>
<p>Ghost uses something called Markdown for writing. Essentially, it's a shorthand way to manage your post formatting as you write!</p>
<p>Writing in Markdown is really easy. In the left hand panel of Ghost, you simply write as you normally would. Where appropriate, you can use <em>shortcuts</em> to <strong>style</strong> your content. For example, a list:</p>
<ul>
<li>Item number one</li>
<li>Item number two
<ul><li>A nested item</li></ul></li>
<li>A final item</li>
</ul>
<p>or with numbers!</p>
<ol>
<li>Remember to buy some milk </li>
<li>Drink the milk </li>
<li>Tweet that I remembered to buy the milk, and drank it</li>
</ol>
<h3 id="links">Links</h3>
<p>Want to link to a source? No problem. If you paste in a URL, like <a href="http://ghost.org">http://ghost.org</a> - it'll automatically be linked up. But if you want to customise your anchor text, you can do that too! Here's a link to <a href="http://ghost.org">the Ghost website</a>. Neat.</p>
<h3 id="whataboutimages">What about Images?</h3>
<p>Images work too! Already know the URL of the image you want to include in your article? Simply paste it in like this to make it show up:</p>
<p><img src="https://ghost.org/images/ghost.png" alt="The Ghost Logo"></p>
<p>Not sure which image you want to use yet? That's ok too. Leave yourself a descriptive placeholder and keep writing. Come back later and drag and drop the image in to upload:</p>
<h3 id="quoting">Quoting</h3>
<p>Sometimes a link isn't enough, you want to quote someone on what they've said. Perhaps you've started using a new blogging platform and feel the sudden urge to share their slogan? A quote might be just the way to do it!</p>
<blockquote>
<p>Ghost - Just a blogging platform</p>
</blockquote>
<h3 id="workingwithcode">Working with Code</h3>
<p>Got a streak of geek? We've got you covered there, too. You can write inline <code>&lt;code&gt;</code> blocks really easily with back ticks. Want to show off something more comprehensive? 4 spaces of indentation gets you there.</p>
<pre><code>.awesome-thing {
display: block;
width: 100%;
}
</code></pre>
<h3 id="readyforabreak">Ready for a Break?</h3>
<p>Throw 3 or more dashes down on any new line and you've got yourself a fancy new divider. Aw yeah.</p>
<hr>
<h3 id="advancedusage">Advanced Usage</h3>
<p>There's one fantastic secret about Markdown. If you want, you can write plain old HTML and it'll still work! Very flexible.</p>
<p><input type="text" placeholder="I'm an input field!"></p>
<p>That should be enough to get you started. Have fun - and let us know what you think :)</p>
</section>
<footer class="post-footer">
<section class="author">
<h4><a href="../author/mike/">Mike Nieva</a></h4>
<p>Read <a href="../author/mike/">more posts</a> by this author.</p>
<div class="author-meta">
</div>
</section>
<section class="share">
<h4>Share this post</h4>
<a class="icon-twitter" href="https://twitter.com/intent/tweet?text=Welcome%20to%20Ghost&amp;url=http://localhost:2368/welcome-to-ghost/" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
<span class="hidden">Twitter</span>
</a>
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u=http://localhost:2368/welcome-to-ghost/" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
<span class="hidden">Facebook</span>
</a>
<a class="icon-google-plus" href="https://plus.google.com/share?url=http://localhost:2368/welcome-to-ghost/" onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
<span class="hidden">Google+</span>
</a>
</section>
</footer>
</article>
</main>
<aside class="read-next">
</aside>
<footer class="site-footer clearfix">
<section class="copyright"><a href="http://localhost:2368">Prueba</a> © 2016</section>
<section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a></section>
</footer>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../assets/js/jquery.fitvids.js?v=ab02b62c52"></script>
<script type="text/javascript" src="../assets/js/index.js?v=ab02b62c52"></script>
</body>