-
Notifications
You must be signed in to change notification settings - Fork 0
/
iOS.html
118 lines (88 loc) · 4.92 KB
/
iOS.html
1
<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>Index ~ Make an iOS and Android App ~ Girl Develop IT</title> <meta name="description" content="This is the Girl Develop It curriculum to teach women how to make an iOS and/or Android app with Buzztouch. Buzztouch is a content management system for making apps. Content is on the control panel, and the app is compiled in Xcode or Android Studio. The course is meant to be taught in 2 hours, with a third optional hour to assist students with making and compiling their apps."> <meta name="author" content="Girl Develop It"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <link rel="stylesheet" href="reveal/css/reveal.css"> <link rel="stylesheet" href="reveal/css/theme/gdidefault.css" id="theme"> <!-- For syntax highlighting --> <!-- light editor<link rel="stylesheet" href="lib/css/light.css">--> <!-- dark editor--><link rel="stylesheet" href="reveal/lib/css/dark.css"> <!-- For use of font-awesome icons --> <link rel="stylesheet" href="css/font-awesome.min.css"> <!-- Custom CSS --> <link rel="stylesheet" href="css/global.css"> <!-- If using the PDF print sheet so students can print slides--> <link rel="stylesheet" href="reveal/css/print/pdf.css" type="text/css" media="print"> <!--[if lt IE 9]> <script src="lib/js/html5shiv.js"></script> <![endif]--> </head> <body> <div class="reveal"> <!-- Any section element inside of this container is displayed as a slide --> <div class="slides"> <!-- Welcome--> <!-- Opening slide --> <section> <img src = "images/gdi_logo_badge.png"> <h3>iOS and Android Apps</h3> <p class="blue">Compile an iOS App</p> </section> <!-- Question --> <section> <h2>Questions?</h2> <p><small>* Pro tip: Reading code is one of the best ways to learn how to code.</small></p> <h4>Resources</h4> <ul> <li>Helpful links: <ul style="font-size:28px"> <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Element</a></li> <li><a href="http://www.w3schools.com/tags/default.asp" target="_blank">http://www.w3schools.com/tags/default.asp</a></li> <li><a href="http://www.stackoverflow.com" target="_blank">http://www.stackoverflow.com</a></li> </ul> </li> <li><p><small>Google Tip: MDN (Mozilla Developer Network) is a great alternative to the W3Schools website. Append the letters MDN in front of your search to receive MDN specific results. Try it! Google "MDN html tags"</small></p></li> </ul> <!--div style = "font-size:1000%; height:100%; margin: 20% 0 10%;" class ="blue">?</div--> <div class ="clear"></div> <br/> <p class="hide-pdf"><i class="fa fa-arrow-circle-left"></i> <a href="index.html#/">Back to Slides Index</a></p> </section> </div> <footer> <div class="copyright"> HTML/CSS ~ Girl Develop It ~ <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/3.0/80x15.png" /></a> </div> </footer> </div> <script src="reveal/lib/js/head.min.js"></script> <script src="reveal/js/reveal.min.js"></script> <script> // Full list of configuration options available here: // https://github.com/hakimel/reveal.js#configuration Reveal.initialize({ controls: true, progress: true, history: true, theme: Reveal.getQueryHash().theme, // available themes are in /css/theme transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none // Optional libraries used to extend on reveal.js dependencies: [ { src: 'reveal/lib/js/classList.js', condition: function() { return !document.body.classList; } }, { src: 'reveal/plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, { src: 'reveal/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, { src: 'reveal/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }, { src: 'reveal/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } }, { src: 'reveal/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } } ] }); </script> </body></html>