sys/index.html at gh-pages · jjang16/sys · GitHub

1
2
3
4
5
6
<!DOCTYPE html><html class=no-js><head><meta charset=utf-8><title>System Programming</title><meta name=description content=""><meta name=viewport content="width=device-width"><link rel="shortcut icon" href=49bd2200.favicon.ico><!-- Place favicon.ico and apple-touch-icon.png in the root directory --><link rel=stylesheet href=styles/aa065ef4.vendor.css><link rel=stylesheet href=styles/a3077974.main.css><script src=scripts/vendor/775af888.modernizr.js></script><!-- Google Analytics --><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');</script><!-- End Google Analytics --><body><!--[if lt IE 10]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]--><!-- Unsupported browser message --><div><div id=no-js-msg>To use this website you need to enable Javascript in your browser.</div><div id=no-canvas-msg><p class=browsehappy>Your browser does not support the HTML5 canvas. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p></div></div><div class=show-if-supported><!-- Chapter index and video lession views --><div id=chapter-index-video-lessons data-bind="visible: shownPage() !== 'playground'"><div class="navbar navbar-inverse" role=navigation><div class=container><div class=navbar-header><a class=navbar-brand href=#>System Programming</a></div><div class="collapse navbar-collapse"><ul class="nav navbar-nav"><li class=active><a href=#>Lessons</a></li><li><a href=#playground>Playground</a></li><li><a target=_blank href=https://github.com/angrave/SystemProgramming/wiki>System Programming wiki-book</a></li></ul></div><!--/.nav-collapse --></div></div><div class=container><!-- Chapter index --><div data-bind="visible: shownPage() === 'chapter_index'"><div><h1>An introduction to system programming and C</h1><p class=lead>By Lawrence Angrave at the University of Illinois at Urbana-Champaign 2014</p></div><div data-bind="foreach: chapters"><div class="panel panel-default"><div class=panel-heading><h4><a data-bind="text: name, attr: { href: '#chapter/' + $index() }"></a></h4></div><div class=panel-body><p data-bind="text: description"></p><h5>Sections:</h5><ol data-bind="foreach: sections"><li><a data-bind="text: name, attr: { href: '#chapter/' + $parentContext.$index() + '/section/' + $index() }"></a></li></ol></div></div></div></div><!-- Video Lesson --><div data-bind="visible: shownPage() === 'video'"><div><ul class=pager><li class=previous><a data-bind="attr: { href: getNavUrlPrev }">&larr; Previous</a></li><li><h3 style="display: inline" data-bind="with: currentSection"><span data-bind="text: name"></span></h3></li><li class=next><a data-bind="attr: { href: getNavUrlNext }">Next &rarr;</a></li></ul></div><div id=lesson-video-container></div><!-- TODO: Add list of topics as video poster --><!-- <p data-bind="text: currentVideoTopics"></p> --><p data-bind="html: currentVideoDoc"></p></div></div><div class=footer><div class=container><p class=text-muted><img width=12px src=images/a4093255.imark_bold.gif alt="University of Illinois icon"><small>&nbsp;Copyright &copy; 2015 The Board of Trustees at the University of Illinois. <a target=_blank href=https://github.com/cs-education/sysbuild/blob/master/LICENSE.md>Attribution and legal information</a></small></p></div></div></div><!-- Code playground --><div id=layout data-bind="visible: shownPage() === 'playground'"><div id=navbar-container><!-- Fixed navbar --><div class="navbar navbar-default" role=navigation><div class=navbar-header><a class=navbar-brand href=#>System Programming</a></div><div class="collapse navbar-collapse"><ul class="nav navbar-nav" data-bind="visible: chapters().length > 0"><li data-bind="css: { active: playGroundNavPagerVisible }"><a href=#>Lessons</a></li><li data-bind="css: { active: !playGroundNavPagerVisible() }"><a href=#playground>Playground</a></li><li><a target=_blank href=https://github.com/angrave/SystemProgramming/wiki>System Programming wiki-book</a></li></ul><ul class="nav navbar-nav navbar-right" data-bind="visible: playGroundNavPagerVisible"><li class=previous><a data-bind="attr: { href: getNavUrlPrev }">&larr; Previous</a></li><li class=next><a data-bind="attr: { href: getNavUrlNext }">Next &rarr;</a></li></ul></div><!--/.nav-collapse --></div></div><div id=code-container><div id=editor-tabs-bar><!-- Nav tabs --><ul class="nav nav-tabs" role=tablist><li data-bind="css: { active: currentActiveTabIndex() === -3}"><a data-bind="click: function () { currentActiveTabIndex(-3); }" href=#video-search-page role=tab data-toggle=tab><span class="glyphicon glyphicon-globe"></span>&nbsp;Video Search</a></li><li data-bind="css: { active: currentActiveTabIndex() === -2}"><a data-bind="click: function () { currentActiveTabIndex(-2); }" href=#editor-container role=tab data-toggle=tab><span class="glyphicon glyphicon-file"></span>&nbsp;Code</a></li><li data-bind="css: { active: currentActiveTabIndex() === -1}"><a data-bind="click: function () { currentActiveTabIndex(-1); }" href=#man-pages-index role=tab data-toggle=tab><span class="glyphicon glyphicon-globe"></span>&nbsp;Man page search</a></li><!-- ko foreach: openManPageTabs --><li data-bind="css: { active: $parent.currentActiveTabIndex() === $index()}, click: function () { $parent.currentActiveTabIndex($index()); }"><a data-bind="attr: { href: '#man-page-tab-' + $index() }" role=tab data-toggle=tab><span class="glyphicon glyphicon-globe"></span> &nbsp;<span data-bind="text: tabName"></span>&nbsp; <button class=close data-bind="click: $parent.closeManPageTab, clickBubble: false">&times;</button></a></li><!-- /ko --></ul></div><div class=tab-content><div id=editor-container class=tab-pane data-bind="css: { active: currentActiveTabIndex() === -2}"><div id=editor-opts-container><div class="navbar navbar-default"><form class="navbar-form row"><div class=col-md-2><label class="control-label sr-only" for=editor-theme>Theme</label><select data-bind="options: availableAceThemes, value: aceTheme" id=editor-theme class="form-control input-sm"></select></div><div class=col-md-2><label class="control-label sr-only" for=editor-font-size>font size (in pixels)</label><input data-bind="value: aceFontSize" id=editor-font-size type=number class="form-control input-sm"></div><div class=col-md-2></div><div class=col-md-2><button id=autoindent-code-btn type=button class="btn btn-default btn-sm center-block"><span class="glyphicon glyphicon-indent-left"></span> Indent code</button></div><div class=col-md-2><button id=download-file-btn type=button class="btn btn-default btn-sm center-block"><span class="glyphicon glyphicon-save"></span> Download file</button></div><div class=col-md-2><a href=# tabindex=0 id=editor-settings-btn type=button class="btn btn-default btn-sm center-block" data-toggle=popover data-trigger=manual data-container=body data-html=true data-placement=bottom><span class="glyphicon glyphicon-cog"></span> Settings</a></div></form></div></div><div id=code></div><div id=compile-opts-container><div class=row><div class=col-sm-10><div class=row><label class="col-sm-1 control-label" for=gccoptions><small class=pull-right>gcc&nbsp;opts</small></label><div class=col-sm-11 data-bind="css: {'has-error': gccOptsError()}"><input class="form-control input-sm" id=gccoptions maxlen=256 data-bind="textInput: gccOptions, attr: {'data-content': gccOptsError() ? '<pre>' + gccOptsError() + '</pre>' : ''}" tabindex=0 data-toggle=popover data-container=body data-html=true data-placement="auto top" data-trigger=focus></div></div><div class=row><label class="col-sm-1 control-label" for=cmdline><small class=pull-right>args</small></label><div class=col-sm-11><input class="form-control input-sm" id=cmdline maxlen=256 data-bind="textInput: programArgs" placeholder="Program arguments"></div></div></div><button id=compile-btn data-bind="enable: compileBtnEnable, css: { 'btn-success': compileBtnEnable }, attr: { title: compileBtnTooltip }" data-toggle=tooltip data-container=body type=button class="btn btn-xs pull-right col-sm-2" disabled>Run It<br><span class="glyphicon glyphicon-play"></span></button></div></div></div><div class="tab-pane man-page-tab" id=man-pages-index data-bind="css: { active: currentActiveTabIndex() === -1}"><h3 id=man-pages-search-title>Search Linux Man Pages</h3><div id=man-pages-search-typeahead><input class=typeahead placeholder="Linux Man Pages"></div><button type=button id=man-page-open-btn class="btn btn-lg btn-primary center-block">Open Man Page</button></div><!-- ko foreach: openManPageTabs --><div class="tab-pane man-page-tab" data-bind="attr: { id: 'man-page-tab-' + $index() }, html: tabHtml, css: { active: $parent.currentActiveTabIndex() === $index()}"></div><!-- /ko --><div class="tab-pane man-page-tab" id=video-search-index data-bind="css: { active: currentActiveTabIndex() === -3}"><h3 id=video-search-title>Search Video</h3><div id=video-search-typeahead><input id=video-typeahead class=typeahead placeholder="Video Search"></div><button type=button id=video-search-btn class="btn btn-lg btn-primary center-block">Search Video</button><div id=search-video-container></div></div></div></div><div id=doc-tty-container><div id=doc-container data-bind="html: challengeDoc"></div><div id=tty-pane><div id=tty-container><canvas id=tty0 class=screen width=640 height=384>Terminal1</canvas><div class=tty-buttons><button data-bind="visible: fullScreenSupported, click: toggleFullScreen" class="btn btn-xs btn-default"><span data-bind="css: ttyToggleBtnClass"></span></button> <button data-bind="visible: !ttyFullScreen(), click: function () { isPrimaryTTY(!isPrimaryTTY()); }" class="btn btn-xs btn-default"><span data-bind="css: ttySwitchBtnClass"></span></button></div></div><div id=tty-container-two><canvas id=tty1 class=screen width=640 height=384>Terminal2</canvas><div class=tty-buttons><button data-bind="visible: fullScreenSupported, click: toggleFullScreen" class="btn btn-xs btn-default"><span data-bind="css: ttyToggleBtnClass"></span></button> <button data-bind="visible: !ttyFullScreen(), click: function () { isPrimaryTTY(!isPrimaryTTY()); }" class="btn btn-xs btn-default"><span data-bind="css: ttySwitchBtnClass"></span></button></div></div></div></div><div id=footer-container><div class=footer><div class=col-sm-6><div class=row><div class=col-sm-5><p>VM state: <span data-bind="text: vmState, css: vmStateClass" class=vm-state-span>Booting</span> <span id=vm-stats class="label label-info vm-state-span"></span></p></div><div class=col-sm-7><p>Compiler: <span data-bind="text: compileStatus, css: compileStatusClass, visible: !showErrorWarningLabel()">Idle</span> <a href=# data-bind="html: errorWarningLabel, visible: showErrorWarningLabel, css: compileStatusClass" data-toggle=modal data-target=#gcc-error-window></a></p></div></div></div><div class="container col-sm-6 pull-right"><p class="text-muted pull-right"><img width=12px src=images/a4093255.imark_bold.gif alt="University of Illinois icon"><small>&nbsp;Copyright &copy; 2015 The Board of Trustees at the University of Illinois. <a target=_blank href=https://github.com/cs-education/sysbuild/blob/master/LICENSE.md>Attribution and legal information</a></small></p></div></div></div></div><!-- GCC Error Modal --><div class="modal fade" id=gcc-error-window tabindex=-1 role=dialog aria-labelledby=gcc-error-label aria-hidden=true><div class=modal-dialog><div class=modal-content><div class=modal-header><button type=button class=close data-dismiss=modal><span aria-hidden=true>&times;</span><span class=sr-only>Close</span></button><h4 class=modal-title id=gcc-error-label data-bind="html: errorWarningLabel"></h4></div><div class=modal-body><pre data-bind="text: lastGccOutput()"></pre></div><div class=modal-footer><button type=button class="btn btn-primary" data-dismiss=modal>Close</button></div></div></div></div></div><!--/.show-if-supported --><!-- ==================== Javascript ==================== --><script src=scripts/7e11eee2.vendor.js></script><script src=scripts/09c083e1.plugins.js></script><script src=scripts/a1ebcd5e.main.js></script>