Use Hieroglyph instead of landslide in Training Guides
- delete landslide files - convert existing rst files to Hieroglyph format - add new slide build command to the tox.ini - change default CSS to make output more OpenStack-like - used the Foundation Slides' OpenStack-Powered-April2015.ppt - title slide with image - white h1 css text - "openstack's special red" for h2 Change-Id: Icb22482862a85c3d174d9292fb470f64fb95f7aa
This commit is contained in:
Matjaz Pancur
parent
4e887b798f
commit
4ba7c3e311
43
doc/training-guides/_static/custom.css
Normal file
43
doc/training-guides/_static/custom.css
Normal file
@ -0,0 +1,43 @@
|
||||
.slide {
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(#eef3f5), to(#fff));
|
||||
background-color: #eee;
|
||||
background: -moz-linear-gradient(bottom, #eef3f5, #fff);
|
||||
-webkit-transition: margin 0.25s ease-in-out;
|
||||
-moz-transition: margin 0.25s ease-in-out;
|
||||
-o-transition: margin 0.25s ease-in-out;
|
||||
border-top-left-radius: 20px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
border-top-right-radius: 20px;
|
||||
-moz-border-radius-topright: 20px;
|
||||
-webkit-border-top-right-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
-moz-border-radius-bottomright: 20px;
|
||||
-webkit-border-bottom-right-radius: 20px;
|
||||
border-bottom-left-radius: 20px;
|
||||
-moz-border-radius-bottomleft: 20px;
|
||||
-webkit-border-bottom-left-radius: 20px;
|
||||
}
|
||||
|
||||
.colleft {
|
||||
float: left;
|
||||
max-width: 48%;
|
||||
height: 600px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.colright {
|
||||
float: right;
|
||||
max-width: 48%;
|
||||
height: 600px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
article h1 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
article h2 {
|
||||
color: rgb(133,11,19);
|
||||
}
|
||||
|
||||
@ -235,7 +235,7 @@ div.slide div.presenter_notes, div.slides div.presenter_notes {
|
||||
/* Slide styles */
|
||||
|
||||
div.slide p {
|
||||
font-size: 28px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.slide.far-past {
|
||||
@ -371,8 +371,8 @@ blockquote {
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 2px 0;
|
||||
font-size: 28px;
|
||||
padding: 10px 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
li pre { margin-left: 0em; }
|
||||
@ -1,5 +1,9 @@
|
||||
Associate training guide
|
||||
========================
|
||||
Getting started quiz
|
||||
====================
|
||||
|
||||
.. image:: ../figures/os_background.png
|
||||
:class: fill
|
||||
:width: 100%
|
||||
|
||||
Getting started quiz questions
|
||||
------------------------------
|
||||
@ -8,11 +12,6 @@ Getting started quiz questions
|
||||
:start-after: begin-getting-deliver
|
||||
:end-before: end-getting-deliver
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
|
||||
Getting started quiz questions
|
||||
------------------------------
|
||||
|
||||
@ -23,11 +22,6 @@ Getting started quiz questions
|
||||
:start-after: begin-getting-swift
|
||||
:end-before: end-getting-swift
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
|
||||
Getting started quiz questions
|
||||
------------------------------
|
||||
|
||||
@ -39,10 +33,6 @@ Getting started quiz questions
|
||||
:start-after: begin-getting-glance
|
||||
:end-before: end-getting-glance
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
|
||||
Getting started quiz questions
|
||||
------------------------------
|
||||
@ -55,11 +45,12 @@ Getting started quiz questions
|
||||
:start-after: begin-getting-hypervisors
|
||||
:end-before: end-getting-hypervisors
|
||||
|
||||
Answers
|
||||
=======
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
.. image:: ../figures/os_background.png
|
||||
:class: fill
|
||||
:width: 100%
|
||||
|
||||
Getting started quiz answers
|
||||
----------------------------
|
||||
|
||||
@ -1,5 +1,9 @@
|
||||
Associate training guide
|
||||
========================
|
||||
Compute node quiz
|
||||
=================
|
||||
|
||||
.. image:: ../figures/os_background.png
|
||||
:class: fill
|
||||
:width: 100%
|
||||
|
||||
Compute node quiz questions
|
||||
---------------------------
|
||||
@ -8,11 +12,6 @@ Compute node quiz questions
|
||||
:start-after: begin-compute-nova-scheduler
|
||||
:end-before: end-compute-nova-scheduler
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
|
||||
Compute node quiz questions
|
||||
---------------------------
|
||||
|
||||
@ -20,11 +19,6 @@ Compute node quiz questions
|
||||
:start-after: begin-compute-queue
|
||||
:end-before: end-compute-queue
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
|
||||
Compute node quiz questions
|
||||
---------------------------
|
||||
|
||||
@ -32,11 +26,6 @@ Compute node quiz questions
|
||||
:start-after: begin-compute-default-scheduler
|
||||
:end-before: end-compute-default-scheduler
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
|
||||
Compute node quiz questions
|
||||
---------------------------
|
||||
|
||||
@ -44,11 +33,6 @@ Compute node quiz questions
|
||||
:start-after: begin-compute-filter-scheduler
|
||||
:end-before: end-compute-filter-scheduler
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
|
||||
Compute node quiz questions
|
||||
---------------------------
|
||||
|
||||
@ -56,11 +40,6 @@ Compute node quiz questions
|
||||
:start-after: begin-compute-scheduler-returns
|
||||
:end-before: end-compute-scheduler-returns
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
|
||||
Compute node quiz questions
|
||||
---------------------------
|
||||
|
||||
@ -68,11 +47,6 @@ Compute node quiz questions
|
||||
:start-after: begin-compute-classes-block-storage
|
||||
:end-before: end-compute-classes-block-storage
|
||||
|
||||
----
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
|
||||
Compute node quiz questions
|
||||
---------------------------
|
||||
|
||||
@ -80,10 +54,12 @@ Compute node quiz questions
|
||||
:start-after: begin-compute-persistent-volumes
|
||||
:end-before: end-compute-persistent-volumes
|
||||
|
||||
----
|
||||
Answers
|
||||
=======
|
||||
|
||||
Associate training guide
|
||||
========================
|
||||
.. image:: ../figures/os_background.png
|
||||
:class: fill
|
||||
:width: 100%
|
||||
|
||||
Compute node quiz answers
|
||||
-------------------------
|
||||
|
||||
@ -1,3 +1,11 @@
|
||||
============
|
||||
Network node
|
||||
============
|
||||
|
||||
.. figure:: ../figures/os_background.png
|
||||
:class: fill
|
||||
:width: 100%
|
||||
|
||||
Networking in OpenStack
|
||||
=======================
|
||||
|
||||
@ -9,8 +17,6 @@ Networking in OpenStack
|
||||
- IP addressing scheme (can overlap with those used by
|
||||
other tenants)
|
||||
|
||||
----
|
||||
|
||||
Networking API resources
|
||||
========================
|
||||
|
||||
@ -22,8 +28,6 @@ Networking API resources
|
||||
- Connection point between a vNIC and a virtual network
|
||||
- Also describes associated network config (MAC, IP)
|
||||
|
||||
----
|
||||
|
||||
Plugins
|
||||
=======
|
||||
|
||||
@ -35,14 +39,12 @@ Plugins
|
||||
- L2-in-L3 tunneling
|
||||
- OpenFlow, etc.
|
||||
|
||||
----
|
||||
|
||||
Current Set of Plugins
|
||||
======================
|
||||
|
||||
Complete list of supported plugins https://wiki.openstack.org/wiki/Neutron_Plugins_and_Drivers
|
||||
|
||||
.. class:: colleft
|
||||
.. rst-class:: colleft
|
||||
|
||||
- Big Switch
|
||||
- Brocade
|
||||
@ -51,7 +53,7 @@ Complete list of supported plugins https://wiki.openstack.org/wiki/Neutron_Plugi
|
||||
- IBM SDN-VE
|
||||
- Linux Bridge
|
||||
|
||||
.. class:: colright
|
||||
.. rst-class:: colright
|
||||
|
||||
- Midonet
|
||||
- ML2 (Modular Layer 2)
|
||||
@ -60,25 +62,22 @@ Complete list of supported plugins https://wiki.openstack.org/wiki/Neutron_Plugi
|
||||
- PLUMgrid
|
||||
- VMware NSX
|
||||
|
||||
Presenter Notes
|
||||
===============
|
||||
.. note::
|
||||
|
||||
Plugin list taken from: http://docs.openstack.org/admin-guide-cloud/content/section_plugin-arch.html
|
||||
Plugin list taken from: http://docs.openstack.org/admin-guide-cloud/content/section_plugin-arch.html
|
||||
|
||||
- Big Switch, Floodlight REST Proxy: http://www.openflowhub.org/display/floodlightcontroller/Quantum+REST+Proxy+Plugin
|
||||
- Brocade Plugin
|
||||
- Cisco: Documented externally at: https://wiki.openstack.org/wiki/Cisco-neutron
|
||||
- Hyper-V Plugin
|
||||
- Linux Bridge: Documentation included in this guide and
|
||||
https://wiki.openstack.org/wiki/Neutron-Linux-Bridge-Plugin
|
||||
- Midonet Plugin
|
||||
- NEC OpenFlow: https://wiki.openstack.org/wiki/Neutron/NEC_OpenFlow_Plugin
|
||||
- Open vSwitch: Documentation included in this guide.
|
||||
- PLUMgrid: https://wiki.openstack.org/wiki/PLUMgrid-Neutron
|
||||
- VMware NSX: Documentation include in this guide, NSX Product Overview ,
|
||||
and NSX Product Support.
|
||||
|
||||
----
|
||||
- Big Switch, Floodlight REST Proxy: http://www.openflowhub.org/display/floodlightcontroller/Quantum+REST+Proxy+Plugin
|
||||
- Brocade Plugin
|
||||
- Cisco: Documented externally at: https://wiki.openstack.org/wiki/Cisco-neutron
|
||||
- Hyper-V Plugin
|
||||
- Linux Bridge: Documentation included in this guide and
|
||||
https://wiki.openstack.org/wiki/Neutron-Linux-Bridge-Plugin
|
||||
- Midonet Plugin
|
||||
- NEC OpenFlow: https://wiki.openstack.org/wiki/Neutron/NEC_OpenFlow_Plugin
|
||||
- Open vSwitch: Documentation included in this guide.
|
||||
- PLUMgrid: https://wiki.openstack.org/wiki/PLUMgrid-Neutron
|
||||
- VMware NSX: Documentation include in this guide, NSX Product Overview ,
|
||||
and NSX Product Support.
|
||||
|
||||
Components of OpenStack Networking
|
||||
==================================
|
||||
@ -89,8 +88,6 @@ Components of OpenStack Networking
|
||||
- Can co-exist with controller or separately
|
||||
- Requires additional agents
|
||||
|
||||
----
|
||||
|
||||
Networking Agents
|
||||
=================
|
||||
|
||||
@ -103,20 +100,16 @@ Networking Agents
|
||||
- Agents communicate through RPC (e.g. RabbitMQ) and/or API
|
||||
- Great flexibility how to deploy neutron services, plugins and agents
|
||||
|
||||
Presenter Notes
|
||||
===============
|
||||
.. note::
|
||||
|
||||
- plugin agent (neutron- * -agent):Runs on each hypervisor to perform local
|
||||
vswitch configuration. Agent to be run depends on which plug-in you are
|
||||
using, as some plug-ins do not require an agent
|
||||
- dhcp agent (neutron-dhcp-agent):Provides DHCP services to tenant
|
||||
networks,this agent is the same across all plug-ins
|
||||
- l3 agent (neutron-l3-agent):Provides L3/NAT forwarding to provide
|
||||
external network access for VMs on tenant networks. This agent is the
|
||||
same across all plug-ins
|
||||
|
||||
|
||||
----
|
||||
- plugin agent (neutron- * -agent):Runs on each hypervisor to perform local
|
||||
vswitch configuration. Agent to be run depends on which plug-in you are
|
||||
using, as some plug-ins do not require an agent
|
||||
- dhcp agent (neutron-dhcp-agent):Provides DHCP services to tenant
|
||||
networks,this agent is the same across all plug-ins
|
||||
- l3 agent (neutron-l3-agent):Provides L3/NAT forwarding to provide
|
||||
external network access for VMs on tenant networks. This agent is the
|
||||
same across all plug-ins
|
||||
|
||||
Network Types
|
||||
=============
|
||||
@ -129,33 +122,29 @@ Typically at least **four** distinct **physical** data center **networks**:
|
||||
- **External network:** provide VMs with Internet access.
|
||||
- **API network:** exposes all OpenStack APIs.
|
||||
|
||||
Presenter Notes
|
||||
===============
|
||||
.. note::
|
||||
|
||||
- **Management network:** Used for internal communication between OpenStack
|
||||
Components. The IP addresses on this network should be reachable
|
||||
only within the data center.
|
||||
- **Data network:** Used for VM data communication within the cloud
|
||||
deployment. The IP addressing requirements of this network depend
|
||||
on the OpenStack Networking plug-in in use.
|
||||
- **External network:** Used to provide VMs with Internet access, in some
|
||||
deployment scenarios. The IP addresses on this network should be
|
||||
reachable by anyone on the Internet.
|
||||
- **API network:** Exposes all OpenStack APIs, including the OpenStack
|
||||
Networking API, to tenants. The IP addresses on this network should
|
||||
be reachable by anyone on the Internet. This may be the same network
|
||||
as the external network, as it is possible to create a subnet for
|
||||
the external network that uses IP allocation ranges to use only less
|
||||
than the full range of IP addresses in an IP block.
|
||||
|
||||
----
|
||||
- **Management network:** Used for internal communication between OpenStack
|
||||
Components. The IP addresses on this network should be reachable
|
||||
only within the data center.
|
||||
- **Data network:** Used for VM data communication within the cloud
|
||||
deployment. The IP addressing requirements of this network depend
|
||||
on the OpenStack Networking plug-in in use.
|
||||
- **External network:** Used to provide VMs with Internet access, in some
|
||||
deployment scenarios. The IP addresses on this network should be
|
||||
reachable by anyone on the Internet.
|
||||
- **API network:** Exposes all OpenStack APIs, including the OpenStack
|
||||
Networking API, to tenants. The IP addresses on this network should
|
||||
be reachable by anyone on the Internet. This may be the same network
|
||||
as the external network, as it is possible to create a subnet for
|
||||
the external network that uses IP allocation ranges to use only less
|
||||
than the full range of IP addresses in an IP block.
|
||||
|
||||
OpenStack Networking - Connectivity
|
||||
===================================
|
||||
|
||||
.. image:: ../figures/image33.png
|
||||
|
||||
----
|
||||
|
||||
OpenStack Networking Concepts
|
||||
=============================
|
||||
@ -167,8 +156,6 @@ OpenStack Networking Concepts
|
||||
- **VLAN**: VLAN for segmentation
|
||||
- **VXLAN, GRE**: Overlay networks, tunnels encapsulate network traffic
|
||||
|
||||
----
|
||||
|
||||
OpenStack Networking Concepts (cont)
|
||||
====================================
|
||||
|
||||
@ -183,15 +170,11 @@ OpenStack Networking Concepts (cont)
|
||||
- OVS Bridge:
|
||||
- Isolate the traffic
|
||||
|
||||
----
|
||||
|
||||
OpenStack Networking Concepts (cont)
|
||||
====================================
|
||||
|
||||
.. image:: ../figures/image49.png
|
||||
|
||||
----
|
||||
|
||||
Managing Networks - CLI
|
||||
=======================
|
||||
|
||||
@ -206,8 +189,6 @@ Subnets:
|
||||
- ``neutron subnet-create net1 192.168.2.0/24 --name subnet1``
|
||||
(name, CIDR, subnet name – optional)
|
||||
|
||||
----
|
||||
|
||||
Managing Networks - CLI
|
||||
=======================
|
||||
|
||||
|
||||
292
doc/training-guides/associate-guide/conf.py
Normal file
292
doc/training-guides/associate-guide/conf.py
Normal file
@ -0,0 +1,292 @@
|
||||
# -*- coding: utf-8 -*-
|
||||
#
|
||||
# OpenStack Upstream Training documentation build configuration file, created by
|
||||
# sphinx-quickstart on Sat Nov 1 14:32:31 2014.
|
||||
#
|
||||
# This file is execfile()d with the current directory set to its
|
||||
# containing dir.
|
||||
#
|
||||
# Note that not all possible configuration values are present in this
|
||||
# autogenerated file.
|
||||
#
|
||||
# All configuration values have a default; values that are commented out
|
||||
# serve to show the default.
|
||||
|
||||
import sys
|
||||
import os
|
||||
|
||||
# If extensions (or modules to document with autodoc) are in another directory,
|
||||
# add these directories to sys.path here. If the directory is relative to the
|
||||
# documentation root, use os.path.abspath to make it absolute, like shown here.
|
||||
#sys.path.insert(0, os.path.abspath('.'))
|
||||
|
||||
# -- General configuration ------------------------------------------------
|
||||
|
||||
# If your documentation needs a minimal Sphinx version, state it here.
|
||||
#needs_sphinx = '1.0'
|
||||
|
||||
# Add any Sphinx extension module names here, as strings. They can be
|
||||
# extensions coming with Sphinx (named 'sphinx.ext.*') or your custom
|
||||
# ones.
|
||||
extensions = [
|
||||
'sphinx.ext.doctest',
|
||||
'sphinx.ext.intersphinx',
|
||||
'sphinx.ext.todo',
|
||||
'sphinx.ext.coverage',
|
||||
'sphinx.ext.pngmath',
|
||||
'sphinx.ext.ifconfig',
|
||||
]
|
||||
|
||||
# Add any paths that contain templates here, relative to this directory.
|
||||
templates_path = ['_templates']
|
||||
|
||||
# The suffix of source filenames.
|
||||
source_suffix = '.rst'
|
||||
|
||||
# The encoding of source files.
|
||||
#source_encoding = 'utf-8-sig'
|
||||
|
||||
# The master toctree document.
|
||||
master_doc = 'index'
|
||||
|
||||
# General information about the project.
|
||||
project = u'OpenStack Training Guides'
|
||||
copyright = u'2015, OpenStack'
|
||||
|
||||
# The version info for the project you're documenting, acts as replacement for
|
||||
# |version| and |release|, also used in various other places throughout the
|
||||
# built documents.
|
||||
#
|
||||
# The short X.Y version.
|
||||
version = '2015.4'
|
||||
# The full version, including alpha/beta/rc tags.
|
||||
release = '2015.4'
|
||||
|
||||
# The language for content autogenerated by Sphinx. Refer to documentation
|
||||
# for a list of supported languages.
|
||||
#language = None
|
||||
|
||||
# There are two options for replacing |today|: either, you set today to some
|
||||
# non-false value, then it is used:
|
||||
#today = ''
|
||||
# Else, today_fmt is used as the format for a strftime call.
|
||||
#today_fmt = '%B %d, %Y'
|
||||
|
||||
# List of patterns, relative to source directory, that match files and
|
||||
# directories to ignore when looking for source files.
|
||||
exclude_patterns = ['build']
|
||||
|
||||
# The reST default role (used for this markup: `text`) to use for all
|
||||
# documents.
|
||||
#default_role = None
|
||||
|
||||
# If true, '()' will be appended to :func: etc. cross-reference text.
|
||||
#add_function_parentheses = True
|
||||
|
||||
# If true, the current module name will be prepended to all description
|
||||
# unit titles (such as .. function::).
|
||||
#add_module_names = True
|
||||
|
||||
# If true, sectionauthor and moduleauthor directives will be shown in the
|
||||
# output. They are ignored by default.
|
||||
#show_authors = False
|
||||
|
||||
# The name of the Pygments (syntax highlighting) style to use.
|
||||
pygments_style = 'sphinx'
|
||||
|
||||
# A list of ignored prefixes for module index sorting.
|
||||
#modindex_common_prefix = []
|
||||
|
||||
# If true, keep warnings as "system message" paragraphs in the built documents.
|
||||
#keep_warnings = False
|
||||
|
||||
|
||||
# -- Options for HTML output ----------------------------------------------
|
||||
|
||||
# The theme to use for HTML and HTML Help pages. See the documentation for
|
||||
# a list of builtin themes.
|
||||
html_theme = 'default'
|
||||
|
||||
# Theme options are theme-specific and customize the look and feel of a theme
|
||||
# further. For a list of options available for each theme, see the
|
||||
# documentation.
|
||||
#html_theme_options = {}
|
||||
|
||||
# Add any paths that contain custom themes here, relative to this directory.
|
||||
#html_theme_path = []
|
||||
|
||||
# The name for this set of Sphinx documents. If None, it defaults to
|
||||
# "<project> v<release> documentation".
|
||||
#html_title = None
|
||||
|
||||
# A shorter title for the navigation bar. Default is the same as html_title.
|
||||
#html_short_title = None
|
||||
|
||||
# The name of an image file (relative to this directory) to place at the top
|
||||
# of the sidebar.
|
||||
#html_logo = None
|
||||
|
||||
# The name of an image file (within the static path) to use as favicon of the
|
||||
# docs. This file should be a Windows icon file (.ico) being 16x16 or 32x32
|
||||
# pixels large.
|
||||
#html_favicon = None
|
||||
|
||||
# Add any paths that contain custom static files (such as style sheets) here,
|
||||
# relative to this directory. They are copied after the builtin static files,
|
||||
# so a file named "default.css" will overwrite the builtin "default.css".
|
||||
html_static_path = ['../_static']
|
||||
|
||||
# Add any extra paths that contain custom files (such as robots.txt or
|
||||
# .htaccess) here, relative to this directory. These files are copied
|
||||
# directly to the root of the documentation.
|
||||
#html_extra_path = []
|
||||
|
||||
# If not '', a 'Last updated on:' timestamp is inserted at every page bottom,
|
||||
# using the given strftime format.
|
||||
#html_last_updated_fmt = '%b %d, %Y'
|
||||
|
||||
# If true, SmartyPants will be used to convert quotes and dashes to
|
||||
# typographically correct entities.
|
||||
#html_use_smartypants = True
|
||||
|
||||
# Custom sidebar templates, maps document names to template names.
|
||||
#html_sidebars = {}
|
||||
|
||||
# Additional templates that should be rendered to pages, maps page names to
|
||||
# template names.
|
||||
#html_additional_pages = {}
|
||||
|
||||
# If false, no module index is generated.
|
||||
#html_domain_indices = True
|
||||
|
||||
# If false, no index is generated.
|
||||
#html_use_index = True
|
||||
|
||||
# If true, the index is split into individual pages for each letter.
|
||||
#html_split_index = False
|
||||
|
||||
# If true, links to the reST sources are added to the pages.
|
||||
#html_show_sourcelink = True
|
||||
|
||||
# If true, "Created using Sphinx" is shown in the HTML footer. Default is True.
|
||||
#html_show_sphinx = True
|
||||
|
||||
# If true, "(C) Copyright ..." is shown in the HTML footer. Default is True.
|
||||
#html_show_copyright = True
|
||||
|
||||
# If true, an OpenSearch description file will be output, and all pages will
|
||||
# contain a <link> tag referring to it. The value of this option must be the
|
||||
# base URL from which the finished HTML is served.
|
||||
#html_use_opensearch = ''
|
||||
|
||||
# This is the file name suffix for HTML files (e.g. ".xhtml").
|
||||
#html_file_suffix = None
|
||||
|
||||
# Output file base name for HTML help builder.
|
||||
htmlhelp_basename = 'OpenStackTrainingGuides-Associatedoc'
|
||||
|
||||
|
||||
# -- Options for LaTeX output ---------------------------------------------
|
||||
|
||||
latex_elements = {
|
||||
# The paper size ('letterpaper' or 'a4paper').
|
||||
#'papersize': 'letterpaper',
|
||||
|
||||
# The font size ('10pt', '11pt' or '12pt').
|
||||
#'pointsize': '10pt',
|
||||
|
||||
# Additional stuff for the LaTeX preamble.
|
||||
#'preamble': '',
|
||||
}
|
||||
|
||||
# Grouping the document tree into LaTeX files. List of tuples
|
||||
# (source start file, target name, title,
|
||||
# author, documentclass [howto, manual, or own class]).
|
||||
latex_documents = [
|
||||
('index', 'OpenStackTrainingGuides-Associate.tex', u'OpenStack Training Guides',
|
||||
u'OpenStack', 'manual'),
|
||||
]
|
||||
|
||||
# The name of an image file (relative to this directory) to place at the top of
|
||||
# the title page.
|
||||
#latex_logo = None
|
||||
|
||||
# For "manual" documents, if this is true, then toplevel headings are parts,
|
||||
# not chapters.
|
||||
#latex_use_parts = False
|
||||
|
||||
# If true, show page references after internal links.
|
||||
#latex_show_pagerefs = False
|
||||
|
||||
# If true, show URL addresses after external links.
|
||||
#latex_show_urls = False
|
||||
|
||||
# Documents to append as an appendix to all manuals.
|
||||
#latex_appendices = []
|
||||
|
||||
# If false, no module index is generated.
|
||||
#latex_domain_indices = True
|
||||
|
||||
|
||||
# -- Options for manual page output ---------------------------------------
|
||||
|
||||
# One entry per manual page. List of tuples
|
||||
# (source start file, name, description, authors, manual section).
|
||||
#man_pages = [
|
||||
# ('index', 'openstackupstreamtraining', u'OpenStack Upstream Training Documentation',
|
||||
# [u'Loic, Stefano and others'], 1)
|
||||
#]
|
||||
|
||||
# If true, show URL addresses after external links.
|
||||
#man_show_urls = False
|
||||
|
||||
|
||||
# -- Options for Texinfo output -------------------------------------------
|
||||
|
||||
# Grouping the document tree into Texinfo files. List of tuples
|
||||
# (source start file, target name, title, author,
|
||||
# dir menu entry, description, category)
|
||||
#texinfo_documents = [
|
||||
# ('index', 'OpenStackUpstreamTraining', u'OpenStack Upstream Training Documentation',
|
||||
# u'Loic, Stefano and others', 'OpenStackUpstreamTraining', 'One line description of project.',
|
||||
# 'Miscellaneous'),
|
||||
#]
|
||||
|
||||
# Documents to append as an appendix to all manuals.
|
||||
#texinfo_appendices = []
|
||||
|
||||
# If false, no module index is generated.
|
||||
#texinfo_domain_indices = True
|
||||
|
||||
# How to display URL addresses: 'footnote', 'no', or 'inline'.
|
||||
#texinfo_show_urls = 'footnote'
|
||||
|
||||
# If true, do not generate a @detailmenu in the "Top" node's menu.
|
||||
#texinfo_no_detailmenu = False
|
||||
|
||||
|
||||
# -- Hieroglyph Slide Configuration ------------
|
||||
|
||||
extensions += [
|
||||
'hieroglyph',
|
||||
]
|
||||
|
||||
#slide_theme = 'slides'
|
||||
#slide_theme = 'slides2'
|
||||
slide_theme = 'single-level'
|
||||
slide_levels = 3
|
||||
|
||||
# Place custom static assets in the _static directory and uncomment
|
||||
# the following lines to include them
|
||||
|
||||
slide_theme_options = {
|
||||
'custom_css': 'custom.css',
|
||||
}
|
||||
#'custom_js': 'custom.js',
|
||||
|
||||
# ----------------------------------------------
|
||||
|
||||
|
||||
|
||||
# Example configuration for intersphinx: refer to the Python standard library.
|
||||
intersphinx_mapping = {'http://docs.python.org/': None}
|
||||
18
doc/training-guides/associate-guide/index.rst
Normal file
18
doc/training-guides/associate-guide/index.rst
Normal file
@ -0,0 +1,18 @@
|
||||
OpenStack Training Guides - Associate Guide
|
||||
===========================================
|
||||
|
||||
Contents:
|
||||
|
||||
.. toctree::
|
||||
:maxdepth: 1
|
||||
|
||||
02-getting-started-quiz
|
||||
06-compute-node-quiz
|
||||
07-associate-network-node
|
||||
|
||||
Indices and tables
|
||||
==================
|
||||
|
||||
* :ref:`genindex`
|
||||
* :ref:`modindex`
|
||||
* :ref:`search`
|
||||
BIN
doc/training-guides/figures/os_background.png
Normal file
BIN
doc/training-guides/figures/os_background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 304 KiB |
@ -1,16 +0,0 @@
|
||||
#!/usr/bin/env bash
|
||||
|
||||
which landslide
|
||||
LANDSLIDE_MISSING=$?
|
||||
|
||||
if [[ ${LANDSLIDE_MISSING} -ne 0 ]]; then
|
||||
echo "landslide isn't on your path. Do you need to activate a virtual environment?"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
cd ./associate-guide
|
||||
|
||||
for presentation in *.rst; do
|
||||
presentation_name=$(basename "${presentation}" .rst)
|
||||
landslide -i -d "${presentation_name}.html" "${presentation}"
|
||||
done
|
||||
@ -1,182 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Copyright 2010 Google Inc.
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
|
||||
Original slides: Marcin Wichary (mwichary@google.com)
|
||||
Modifications: Ernest Delgado (ernestd@google.com)
|
||||
Alex Russell (slightlyoff@chromium.org)
|
||||
|
||||
landslide modifications: Adam Zapletal (adamzap@gmail.com)
|
||||
Nicolas Perriault (nperriault@gmail.com)
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||||
<title>{{ head_title }}</title>
|
||||
<!-- Styles -->
|
||||
{% if embed %}
|
||||
<style type="text/css" media="print">
|
||||
{{ css.print.contents }}
|
||||
</style>
|
||||
<style type="text/css" media="screen, projection">
|
||||
{{ css.screen.contents }}
|
||||
</style>
|
||||
{% else %}
|
||||
<link rel="stylesheet" media="print" href="{{ css.print.path_url }}">
|
||||
<link rel="stylesheet" media="screen, projection" href="{{ css.screen.path_url }}">
|
||||
{% endif %}
|
||||
{% for css in user_css %}
|
||||
{% if embed %}
|
||||
<style type="text/css" media="screen, projection">
|
||||
{{ css.contents }}
|
||||
</style>
|
||||
{% else %}
|
||||
<link rel="stylesheet" href="{{ css.path_url }}">
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<!-- /Styles -->
|
||||
<!-- Javascripts -->
|
||||
{% if embed %}
|
||||
<script>
|
||||
{{ js.contents }}
|
||||
</script>
|
||||
{% else %}
|
||||
<script type="text/javascript" src="{{ js.path_url }}"></script>
|
||||
{% endif %}
|
||||
{% for js in user_js %}
|
||||
{% if embed %}
|
||||
<script>
|
||||
{{ js.contents }}
|
||||
</script>
|
||||
{% else %}
|
||||
<script type="text/javascript" src="{{ js.path_url }}"></script>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<!-- /Javascripts -->
|
||||
</head>
|
||||
<body>
|
||||
<div id="blank"></div>
|
||||
<div class="presentation">
|
||||
<div id="current_presenter_notes">
|
||||
<div id="presenter_note"></div>
|
||||
</div>
|
||||
<div class="slides">
|
||||
{% for slide in slides %}
|
||||
<!-- slide source: {% if slide.source %}{{ slide.source.rel_path }}{% endif %} -->
|
||||
<div class="slide-wrapper">
|
||||
<div class="slide{% if slide.classes %}{% for class in slide.classes %} {{ class }}{% endfor %}{% endif %}">
|
||||
<div class="inner">
|
||||
{% if slide.header %}
|
||||
<header>{{ slide.header }}</header>
|
||||
{% endif %}
|
||||
{% if slide.content %}
|
||||
<section>{{ slide.content }}</section>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="presenter_notes">
|
||||
<header><h1>Presenter Notes</h1></header>
|
||||
<section>
|
||||
{% if slide.presenter_notes %}
|
||||
{{ slide.presenter_notes }}
|
||||
{% endif %}
|
||||
</section>
|
||||
</div>
|
||||
<footer>
|
||||
{% if slide.source %}
|
||||
<aside class="source">
|
||||
Source: <a href="{{ slide.source.rel_path }}">{{ slide.source.rel_path }}</a>
|
||||
</aside>
|
||||
{% endif %}
|
||||
<aside class="page_number">
|
||||
{{ slide.number }}/{{ num_slides }}
|
||||
</aside>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% if toc %}
|
||||
<div id="toc" class="sidebar hidden">
|
||||
<h2>Table of Contents</h2>
|
||||
<table>
|
||||
<caption>Table of Contents</caption>
|
||||
{% for section in toc %}
|
||||
<tr id="toc-row-{{ section.number }}">
|
||||
<th><a href="#slide{{ section.number }}">{{ section.title }}</a></th>
|
||||
<td><a href="#slide{{ section.number }}">{{ section.number }}</a></td>
|
||||
</tr>
|
||||
{% if section.sub %}
|
||||
{% for subsection in section.sub %}
|
||||
<tr id="toc-row-{{ subsection.number }}" class="sub">
|
||||
<th><a href="#slide{{ subsection.number }}">{{ subsection.title }}</a></th>
|
||||
<td><a href="#slide{{ subsection.number }}">{{ subsection.number }}</a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="help" class="sidebar hidden">
|
||||
<h2>Help</h2>
|
||||
<table>
|
||||
<caption>Help</caption>
|
||||
<tr>
|
||||
<th>Table of Contents</th>
|
||||
<td>t</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Exposé</th>
|
||||
<td>ESC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Full screen slides</th>
|
||||
<td>e</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Presenter View</th>
|
||||
<td>p</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Source Files</th>
|
||||
<td>s</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Slide Numbers</th>
|
||||
<td>n</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Toggle screen blanking</th>
|
||||
<td>b</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Show/hide slide context</th>
|
||||
<td>c</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Notes</th>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Help</th>
|
||||
<td>h</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<script>main()</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,108 +0,0 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@page {
|
||||
size: landscape;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.slide {
|
||||
min-width: 800px;
|
||||
min-height: 600px;
|
||||
padding: 1em;
|
||||
overflow: hidden;
|
||||
page-break-after: always;
|
||||
border: 1px solid black;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
div.slide div.inner {
|
||||
width: 800px;
|
||||
height: 600px;
|
||||
margin: auto;
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.4em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p, li, pre {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
max-width: 800px;
|
||||
background: #eee;
|
||||
font-family: Monaco, monospace;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: .2em .5em;
|
||||
overflow: hidden;
|
||||
border-radius: .8em;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 0 .2em;
|
||||
}
|
||||
|
||||
.slide header:only-child h1 {
|
||||
line-height: 180%;
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
height: 600px;
|
||||
width: 800px;
|
||||
font-size: 48px;
|
||||
margin-top:100px;
|
||||
margin-bottom:100px;
|
||||
}
|
||||
|
||||
#toc, #help, .slide aside, .slide footer, .slide .notes,
|
||||
.presenter_notes, #current_presenter_notes, #presenter_note {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.colleft {
|
||||
float: left;
|
||||
max-width: 48%;
|
||||
height: 550px;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.colright {
|
||||
float: right;
|
||||
max-width: 48%;
|
||||
height: 550px;
|
||||
padding: 0;
|
||||
}
|
||||
@ -1,580 +0,0 @@
|
||||
function main() {
|
||||
// Since we don't have the fallback of attachEvent and
|
||||
// other IE only stuff we won't try to run JS for IE.
|
||||
// It will run though when using Google Chrome Frame
|
||||
if (document.all) { return; }
|
||||
|
||||
var currentSlideNo;
|
||||
var notesOn = false;
|
||||
var expanded = false;
|
||||
var hiddenContext = false;
|
||||
var blanked = false;
|
||||
var slides = document.getElementsByClassName('slide');
|
||||
var touchStartX = 0;
|
||||
var spaces = /\s+/, a1 = [''];
|
||||
var tocOpened = false;
|
||||
var helpOpened = false;
|
||||
var overviewActive = false;
|
||||
var modifierKeyDown = false;
|
||||
var scale = 1;
|
||||
var showingPresenterView = false;
|
||||
var presenterViewWin = null;
|
||||
var isPresenterView = false;
|
||||
|
||||
var str2array = function(s) {
|
||||
if (typeof s == 'string' || s instanceof String) {
|
||||
if (s.indexOf(' ') < 0) {
|
||||
a1[0] = s;
|
||||
return a1;
|
||||
} else {
|
||||
return s.split(spaces);
|
||||
}
|
||||
}
|
||||
return s;
|
||||
};
|
||||
|
||||
var trim = function(str) {
|
||||
return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
|
||||
};
|
||||
|
||||
var addClass = function(node, classStr) {
|
||||
classStr = str2array(classStr);
|
||||
var cls = ' ' + node.className + ' ';
|
||||
for (var i = 0, len = classStr.length, c; i < len; ++i) {
|
||||
c = classStr[i];
|
||||
if (c && cls.indexOf(' ' + c + ' ') < 0) {
|
||||
cls += c + ' ';
|
||||
}
|
||||
}
|
||||
node.className = trim(cls);
|
||||
};
|
||||
|
||||
var removeClass = function(node, classStr) {
|
||||
var cls;
|
||||
if (!node) {
|
||||
throw 'no node provided';
|
||||
}
|
||||
if (classStr !== undefined) {
|
||||
classStr = str2array(classStr);
|
||||
cls = ' ' + node.className + ' ';
|
||||
for (var i = 0, len = classStr.length; i < len; ++i) {
|
||||
cls = cls.replace(' ' + classStr[i] + ' ', ' ');
|
||||
}
|
||||
cls = trim(cls);
|
||||
} else {
|
||||
cls = '';
|
||||
}
|
||||
if (node.className != cls) {
|
||||
node.className = cls;
|
||||
}
|
||||
};
|
||||
|
||||
var getSlideEl = function(slideNo) {
|
||||
if (slideNo > 0) {
|
||||
return slides[slideNo - 1];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
var getSlideTitle = function(slideNo) {
|
||||
var el = getSlideEl(slideNo);
|
||||
if (el) {
|
||||
var headers = el.getElementsByTagName('header');
|
||||
if (headers.length > 0) {
|
||||
return el.getElementsByTagName('header')[0].innerText;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
var getSlidePresenterNote = function(slideNo) {
|
||||
var el = getSlideEl(slideNo);
|
||||
if (el) {
|
||||
var n = el.getElementsByClassName('presenter_notes');
|
||||
if (n.length > 0) {
|
||||
return n[0];
|
||||
}
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
var changeSlideElClass = function(slideNo, className) {
|
||||
var el = getSlideEl(slideNo);
|
||||
if (el) {
|
||||
removeClass(el, 'far-past past current future far-future');
|
||||
addClass(el, className);
|
||||
}
|
||||
};
|
||||
|
||||
var updateSlideClasses = function(updateOther) {
|
||||
window.location.hash = (isPresenterView ? "presenter" : "slide") + currentSlideNo;
|
||||
|
||||
for (var i=1; i<currentSlideNo-1; i++) {
|
||||
changeSlideElClass(i, 'far-past');
|
||||
}
|
||||
|
||||
changeSlideElClass(currentSlideNo - 1, 'past');
|
||||
changeSlideElClass(currentSlideNo, 'current');
|
||||
changeSlideElClass(currentSlideNo + 1, 'future');
|
||||
|
||||
for (i=currentSlideNo+2; i<slides.length+1; i++) {
|
||||
changeSlideElClass(i, 'far-future');
|
||||
}
|
||||
|
||||
highlightCurrentTocLink();
|
||||
|
||||
processContext();
|
||||
|
||||
document.getElementsByTagName('title')[0].innerText = getSlideTitle(currentSlideNo);
|
||||
|
||||
updatePresenterNotes();
|
||||
|
||||
if (updateOther) { updateOtherPage(); }
|
||||
};
|
||||
|
||||
var updatePresenterNotes = function() {
|
||||
if (!isPresenterView) { return; }
|
||||
|
||||
var existingNote = document.getElementById('current_presenter_notes');
|
||||
var currentNote = getSlidePresenterNote(currentSlideNo).cloneNode(true);
|
||||
currentNote.setAttribute('id', 'presenter_note');
|
||||
|
||||
existingNote.replaceChild(currentNote, document.getElementById('presenter_note'));
|
||||
};
|
||||
|
||||
var highlightCurrentTocLink = function() {
|
||||
var toc = document.getElementById('toc');
|
||||
|
||||
if (toc) {
|
||||
var tocRows = toc.getElementsByTagName('tr');
|
||||
for (var i=0; i<tocRows.length; i++) {
|
||||
removeClass(tocRows.item(i), 'active');
|
||||
}
|
||||
|
||||
var currentTocRow = document.getElementById('toc-row-' + currentSlideNo);
|
||||
if (currentTocRow) {
|
||||
addClass(currentTocRow, 'active');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var updateOtherPage = function() {
|
||||
if (!showingPresenterView) { return; }
|
||||
|
||||
var w = isPresenterView ? window.opener : presenterViewWin;
|
||||
w.postMessage('slide#' + currentSlideNo, '*');
|
||||
};
|
||||
|
||||
var nextSlide = function() {
|
||||
if (currentSlideNo < slides.length) {
|
||||
currentSlideNo++;
|
||||
}
|
||||
updateSlideClasses(true);
|
||||
};
|
||||
|
||||
var prevSlide = function() {
|
||||
if (currentSlideNo > 1) {
|
||||
currentSlideNo--;
|
||||
}
|
||||
updateSlideClasses(true);
|
||||
};
|
||||
|
||||
var showNotes = function() {
|
||||
var notes = getSlideEl(currentSlideNo).getElementsByClassName('notes');
|
||||
for (var i = 0, len = notes.length; i < len; i++) {
|
||||
notes.item(i).style.display = (notesOn) ? 'none':'block';
|
||||
}
|
||||
notesOn = !notesOn;
|
||||
};
|
||||
|
||||
var showSlideNumbers = function() {
|
||||
var asides = document.getElementsByClassName('page_number');
|
||||
var hidden = asides[0].style.display != 'block';
|
||||
for (var i = 0; i < asides.length; i++) {
|
||||
asides.item(i).style.display = hidden ? 'block' : 'none';
|
||||
}
|
||||
};
|
||||
|
||||
var showSlideSources = function() {
|
||||
var asides = document.getElementsByClassName('source');
|
||||
var hidden = asides[0].style.display != 'block';
|
||||
for (var i = 0; i < asides.length; i++) {
|
||||
asides.item(i).style.display = hidden ? 'block' : 'none';
|
||||
}
|
||||
};
|
||||
|
||||
var showToc = function() {
|
||||
if (helpOpened) {
|
||||
showHelp();
|
||||
}
|
||||
var toc = document.getElementById('toc');
|
||||
if (toc) {
|
||||
toc.style.marginLeft = tocOpened ? '-' + (toc.clientWidth + 20) + 'px' : '0px';
|
||||
tocOpened = !tocOpened;
|
||||
}
|
||||
updateOverview();
|
||||
};
|
||||
|
||||
var showHelp = function() {
|
||||
if (tocOpened) {
|
||||
showToc();
|
||||
}
|
||||
|
||||
var help = document.getElementById('help');
|
||||
|
||||
if (help) {
|
||||
help.style.marginLeft = helpOpened ? '-' + (help.clientWidth + 20) + 'px' : '0px';
|
||||
helpOpened = !helpOpened;
|
||||
}
|
||||
};
|
||||
|
||||
var showPresenterView = function() {
|
||||
if (isPresenterView) { return; }
|
||||
|
||||
if (showingPresenterView) {
|
||||
presenterViewWin.close();
|
||||
presenterViewWin = null;
|
||||
showingPresenterView = false;
|
||||
} else {
|
||||
presenterViewWin = open(window.location.pathname + "#presenter" + currentSlideNo, 'presenter_notes',
|
||||
'directories=no,location=no,toolbar=no,menubar=no,copyhistory=no');
|
||||
showingPresenterView = true;
|
||||
}
|
||||
};
|
||||
|
||||
var switch3D = function() {
|
||||
if (document.body.className.indexOf('three-d') == -1) {
|
||||
document.getElementsByClassName('presentation')[0].style.webkitPerspective = '1000px';
|
||||
document.body.className += ' three-d';
|
||||
} else {
|
||||
window.setTimeout('document.getElementsByClassName(\'presentation\')[0].style.webkitPerspective = \'0\';', 2000);
|
||||
document.body.className = document.body.className.replace(/three-d/, '');
|
||||
}
|
||||
};
|
||||
|
||||
var toggleOverview = function() {
|
||||
if (!overviewActive) {
|
||||
addClass(document.body, 'expose');
|
||||
overviewActive = true;
|
||||
setScale(1);
|
||||
} else {
|
||||
removeClass(document.body, 'expose');
|
||||
overviewActive = false;
|
||||
if (expanded) {
|
||||
setScale(scale); // restore scale
|
||||
}
|
||||
}
|
||||
processContext();
|
||||
updateOverview();
|
||||
};
|
||||
|
||||
var updateOverview = function() {
|
||||
try {
|
||||
var presentation = document.getElementsByClassName('presentation')[0];
|
||||
} catch (e) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (isPresenterView) {
|
||||
var action = overviewActive ? removeClass : addClass;
|
||||
action(document.body, 'presenter_view');
|
||||
}
|
||||
|
||||
var toc = document.getElementById('toc');
|
||||
|
||||
if (!toc) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (!tocOpened || !overviewActive) {
|
||||
presentation.style.marginLeft = '0px';
|
||||
presentation.style.width = '100%';
|
||||
} else {
|
||||
presentation.style.marginLeft = toc.clientWidth + 'px';
|
||||
presentation.style.width = (presentation.clientWidth - toc.clientWidth) + 'px';
|
||||
}
|
||||
};
|
||||
|
||||
var computeScale = function() {
|
||||
var cSlide = document.getElementsByClassName('current')[0];
|
||||
var sx = cSlide.clientWidth / window.innerWidth;
|
||||
var sy = cSlide.clientHeight / window.innerHeight;
|
||||
return 1 / Math.max(sx, sy);
|
||||
};
|
||||
|
||||
var setScale = function(scale) {
|
||||
var presentation = document.getElementsByClassName('slides')[0];
|
||||
var transform = 'scale(' + scale + ')';
|
||||
presentation.style.MozTransform = transform;
|
||||
presentation.style.WebkitTransform = transform;
|
||||
presentation.style.OTransform = transform;
|
||||
presentation.style.msTransform = transform;
|
||||
presentation.style.transform = transform;
|
||||
};
|
||||
|
||||
var expandSlides = function() {
|
||||
if (overviewActive) {
|
||||
return;
|
||||
}
|
||||
if (expanded) {
|
||||
setScale(1);
|
||||
expanded = false;
|
||||
} else {
|
||||
scale = computeScale();
|
||||
setScale(scale);
|
||||
expanded = true;
|
||||
}
|
||||
};
|
||||
|
||||
var showContext = function() {
|
||||
try {
|
||||
var presentation = document.getElementsByClassName('slides')[0];
|
||||
removeClass(presentation, 'nocontext');
|
||||
} catch (e) {}
|
||||
};
|
||||
|
||||
var hideContext = function() {
|
||||
try {
|
||||
var presentation = document.getElementsByClassName('slides')[0];
|
||||
addClass(presentation, 'nocontext');
|
||||
} catch (e) {}
|
||||
};
|
||||
|
||||
var processContext = function() {
|
||||
if (hiddenContext) {
|
||||
hideContext();
|
||||
} else {
|
||||
showContext();
|
||||
}
|
||||
};
|
||||
|
||||
var toggleContext = function() {
|
||||
hiddenContext = !hiddenContext;
|
||||
processContext();
|
||||
};
|
||||
|
||||
var toggleBlank = function() {
|
||||
blank_elem = document.getElementById('blank');
|
||||
|
||||
blank_elem.style.display = blanked ? 'none' : 'block';
|
||||
|
||||
blanked = !blanked;
|
||||
};
|
||||
|
||||
var isModifierKey = function(keyCode) {
|
||||
switch (keyCode) {
|
||||
case 16: // shift
|
||||
case 17: // ctrl
|
||||
case 18: // alt
|
||||
case 91: // command
|
||||
return true;
|
||||
break;
|
||||
default:
|
||||
return false;
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
var checkModifierKeyUp = function(event) {
|
||||
if (isModifierKey(event.keyCode)) {
|
||||
modifierKeyDown = false;
|
||||
}
|
||||
};
|
||||
|
||||
var checkModifierKeyDown = function(event) {
|
||||
if (isModifierKey(event.keyCode)) {
|
||||
modifierKeyDown = true;
|
||||
}
|
||||
};
|
||||
|
||||
var handleBodyKeyDown = function(event) {
|
||||
switch (event.keyCode) {
|
||||
case 13: // Enter
|
||||
if (overviewActive) {
|
||||
toggleOverview();
|
||||
}
|
||||
break;
|
||||
case 27: // ESC
|
||||
toggleOverview();
|
||||
break;
|
||||
case 37: // left arrow
|
||||
case 33: // page up
|
||||
event.preventDefault();
|
||||
prevSlide();
|
||||
break;
|
||||
case 39: // right arrow
|
||||
case 32: // space
|
||||
case 34: // page down
|
||||
event.preventDefault();
|
||||
nextSlide();
|
||||
break;
|
||||
case 50: // 2
|
||||
if (!modifierKeyDown) {
|
||||
showNotes();
|
||||
}
|
||||
break;
|
||||
case 51: // 3
|
||||
if (!modifierKeyDown && !overviewActive) {
|
||||
switch3D();
|
||||
}
|
||||
break;
|
||||
case 190: // .
|
||||
case 48: // 0
|
||||
case 66: // b
|
||||
if (!modifierKeyDown && !overviewActive) {
|
||||
toggleBlank();
|
||||
}
|
||||
break;
|
||||
case 67: // c
|
||||
if (!modifierKeyDown && !overviewActive) {
|
||||
toggleContext();
|
||||
}
|
||||
break;
|
||||
case 69: // e
|
||||
if (!modifierKeyDown && !overviewActive) {
|
||||
expandSlides();
|
||||
}
|
||||
break;
|
||||
case 72: // h
|
||||
showHelp();
|
||||
break;
|
||||
case 78: // n
|
||||
if (!modifierKeyDown && !overviewActive) {
|
||||
showSlideNumbers();
|
||||
}
|
||||
break;
|
||||
case 80: // p
|
||||
if (!modifierKeyDown && !overviewActive) {
|
||||
showPresenterView();
|
||||
}
|
||||
break;
|
||||
case 83: // s
|
||||
if (!modifierKeyDown && !overviewActive) {
|
||||
showSlideSources();
|
||||
}
|
||||
break;
|
||||
case 84: // t
|
||||
showToc();
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
var handleWheel = function(event) {
|
||||
if (tocOpened || helpOpened || overviewActive) {
|
||||
return;
|
||||
}
|
||||
|
||||
var delta = 0;
|
||||
|
||||
if (!event) {
|
||||
event = window.event;
|
||||
}
|
||||
|
||||
if (event.wheelDelta) {
|
||||
delta = event.wheelDelta/120;
|
||||
if (window.opera) delta = -delta;
|
||||
} else if (event.detail) {
|
||||
delta = -event.detail/3;
|
||||
}
|
||||
|
||||
if (delta && delta <0) {
|
||||
nextSlide();
|
||||
} else if (delta) {
|
||||
prevSlide();
|
||||
}
|
||||
};
|
||||
|
||||
var addSlideClickListeners = function() {
|
||||
for (var i=0; i < slides.length; i++) {
|
||||
var slide = slides.item(i);
|
||||
slide.num = i + 1;
|
||||
slide.addEventListener('click', function(e) {
|
||||
if (overviewActive) {
|
||||
currentSlideNo = this.num;
|
||||
toggleOverview();
|
||||
updateSlideClasses(true);
|
||||
e.preventDefault();
|
||||
}
|
||||
return false;
|
||||
}, true);
|
||||
}
|
||||
};
|
||||
|
||||
var addRemoteWindowControls = function() {
|
||||
window.addEventListener("message", function(e) {
|
||||
if (e.data.indexOf("slide#") != -1) {
|
||||
currentSlideNo = Number(e.data.replace('slide#', ''));
|
||||
updateSlideClasses(false);
|
||||
}
|
||||
}, false);
|
||||
};
|
||||
|
||||
var addTouchListeners = function() {
|
||||
document.addEventListener('touchstart', function(e) {
|
||||
touchStartX = e.touches[0].pageX;
|
||||
}, false);
|
||||
document.addEventListener('touchend', function(e) {
|
||||
var pixelsMoved = touchStartX - e.changedTouches[0].pageX;
|
||||
var SWIPE_SIZE = 150;
|
||||
if (pixelsMoved > SWIPE_SIZE) {
|
||||
nextSlide();
|
||||
}
|
||||
else if (pixelsMoved < -SWIPE_SIZE) {
|
||||
prevSlide();
|
||||
}
|
||||
}, false);
|
||||
};
|
||||
|
||||
var addTocLinksListeners = function() {
|
||||
var toc = document.getElementById('toc');
|
||||
if (toc) {
|
||||
var tocLinks = toc.getElementsByTagName('a');
|
||||
for (var i=0; i < tocLinks.length; i++) {
|
||||
tocLinks.item(i).addEventListener('click', function(e) {
|
||||
currentSlideNo = Number(this.attributes['href'].value.replace('#slide', ''));
|
||||
updateSlideClasses(true);
|
||||
e.preventDefault();
|
||||
}, true);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// initialize
|
||||
|
||||
(function() {
|
||||
if (window.location.hash == "") {
|
||||
currentSlideNo = 1;
|
||||
} else if (window.location.hash.indexOf("#presenter") != -1) {
|
||||
currentSlideNo = Number(window.location.hash.replace('#presenter', ''));
|
||||
isPresenterView = true;
|
||||
showingPresenterView = true;
|
||||
presenterViewWin = window;
|
||||
addClass(document.body, 'presenter_view');
|
||||
} else {
|
||||
currentSlideNo = Number(window.location.hash.replace('#slide', ''));
|
||||
}
|
||||
|
||||
document.addEventListener('keyup', checkModifierKeyUp, false);
|
||||
document.addEventListener('keydown', handleBodyKeyDown, false);
|
||||
document.addEventListener('keydown', checkModifierKeyDown, false);
|
||||
document.addEventListener('DOMMouseScroll', handleWheel, false);
|
||||
|
||||
window.onmousewheel = document.onmousewheel = handleWheel;
|
||||
window.onresize = expandSlides;
|
||||
|
||||
for (var i = 0, el; el = slides[i]; i++) {
|
||||
addClass(el, 'slide far-future');
|
||||
}
|
||||
updateSlideClasses(false);
|
||||
|
||||
// add support for finger events (filter it by property detection?)
|
||||
addTouchListeners();
|
||||
|
||||
addTocLinksListeners();
|
||||
|
||||
addSlideClickListeners();
|
||||
|
||||
addRemoteWindowControls();
|
||||
})();
|
||||
}
|
||||
9
tox.ini
9
tox.ini
@ -34,7 +34,7 @@ commands =
|
||||
# Settings for doc8:
|
||||
# File extensions to use
|
||||
extension = .rst,.txt
|
||||
ignore-path = doc/*/build/*
|
||||
ignore-path = doc/upstream-training/build/*,doc/training-guides/*/build/*
|
||||
|
||||
[testenv:upstream-slides]
|
||||
commands =
|
||||
@ -42,3 +42,10 @@ commands =
|
||||
doc8 doc/upstream-training
|
||||
# Build upstream-training slides
|
||||
sphinx-build -b slides doc/upstream-training/source/ doc/upstream-training/build/slides
|
||||
|
||||
[testenv:training-slides]
|
||||
commands =
|
||||
# Niceness test
|
||||
doc8 doc/training-guides
|
||||
# Build upstream-training slides
|
||||
sphinx-build -b slides doc/training-guides/associate-guide/ doc/training-guides/associate-guide/build/slides
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user