Revert to enclose the menus and player in the div

Also add styles for the new views_container
This commit is contained in:
Matt Mascarenhas 2018-01-17 20:16:02 +00:00
parent 3b1514fea1
commit a3cef4f28c
14 changed files with 374 additions and 364 deletions

View File

@ -19,12 +19,14 @@
#cineraIndex.hero dt,
.cineraMenus.hero,
.cineraMenus.hero > .menu .refs,
.cineraMenus.hero > .menu .filter_container,
.cineraMenus.hero > .menu > .refs,
.cineraMenus.hero > .menu > .filter_container,
.cineraMenus.hero > .menu > .refs .ref,
.cineraMenus.hero > .menu > .filter_container .filter_mode,
.cineraMenus.hero > .menu > .credits_container,
.cineraMenus.hero > .menu > .credits_container .credit,
.cineraMenus.hero > .menu > .view,
.cineraMenus.hero > .menu > .views_container .view,
.cineraPlayerContainer .markers_container.hero,
.cineraPlayerContainer .markers_container.hero > .marker {
background-color: #161616;
@ -43,12 +45,13 @@
#cineraResults .markerList.hero > .marker,
.cineraMenus.hero,
.cineraMenus.hero > .menu .refs,
.cineraMenus.hero > .menu .filter_container,
.cineraMenus.hero > .menu > .refs,
.cineraMenus.hero > .menu > .filter_container,
.cineraMenus.hero > .menu > .refs .ref,
.cineraMenus.hero > .menu > .filter_container .filter_mode,
.cineraMenus.hero > .menu > .credits_container,
.cineraMenus.hero > .menu > .credits_container .credit,
.cineraMenus.hero > .menu > .views_container,
.cineraPlayerContainer .markers_container.hero,
.cineraPlayerContainer .markers_container.hero > .marker {
border-color: rgba(255, 255, 255, 0.1);
@ -100,6 +103,8 @@
.cineraMenus.hero > .menu > .filter_container .filter_mode:hover,
.cineraMenus.hero > .menu > .filter_container .filter_content.focused,
.cineraMenus.hero > .menu > .credits_container .credit *.focused,
.cineraMenus.hero > .menu > .view:hover,
.cineraMenus.hero > .menu > .views_container .view:hover,
.cineraPlayerContainer .markers_container.hero > .marker:hover > .cineraContent {
background-color: #222;
}

View File

@ -3,15 +3,15 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
<p><a href="https://drive.google.com/file/d/0B6DxtsjMnvF8R2Mzckc1R3dhbzQ/view?usp=sharing">Handmade Hero Day 001 - Setting Up the Windows Build</a> - by <a href="https://twitter.com/Mannilie">Emmanuel Vaccaro</a></p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,15 +3,15 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
<p><a href="https://drive.google.com/open?id=0B6DxtsjMnvF8MjN1eER5NW8xV3M&amp;authuser=0">Handmade Hero Day 002 - Opening a Win32 Window</a> - by <a href="https://twitter.com/Mannilie">Emmanuel Vaccaro</a></p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,15 +3,15 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
<p><a href="https://drive.google.com/open?id=0B6DxtsjMnvF8VXF0d2F0ZjNzUE0&amp;authuser=0">Handmade Hero Day 003 - Allocating a Back Buffer</a> - by <a href="https://twitter.com/Mannilie">Emmanuel Vaccaro</a></p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,9 +3,11 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
@ -83,7 +85,5 @@
</code></pre><p>This is another simple macro which will substitute &quot;XInputGetState_&quot; for &quot;XInputGetState&quot; any time we use it in the code. We do this because XInputGetState is a function that has already been declared in xinput.h, and C does not allow us to declare functions multiple times. However, by using the preprocessor, we can type out our code as though we were just using XInputGetState we are actually using a function pointer which will either point to &#39;XInputGetStateStub&#39; in the case that we are unable to dynamically load in the XInput library, or will point to the correct &#39;XInputGetState&#39; function as defined by Microsoft in the case that we can load it.</p>
<p>Hope that&#39;s helped clear some things up for you. Happy Heroing!</p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,9 +3,11 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
@ -37,7 +39,5 @@
</ol>
<p>In the next episode we will look closely at how to fill this buffer and implement it in the game loop.</p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,9 +3,11 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
@ -53,7 +55,5 @@
On most platforms, it is very difficult to ascertain the proper amount of latency. It&#39;s an unsolved problem, and games
with need precise AV sync (like Guitar Hero) go to some lengths to achieve it.</p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,9 +3,11 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
@ -63,7 +65,5 @@
<li>Bitshifting to divide will give you unexpected results for negative numbers. Use actual divide instead.</li>
</ul>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,9 +3,11 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
@ -61,7 +63,5 @@
invocation of some processor instruction. They generally need to be extensions to the compiler so they can avoid all
the expensive niceties compilers have to afford functions.</p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,9 +3,11 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
@ -22,7 +24,5 @@
<p><code>alloca</code> is a compiler feature that allows for dynamic allocation <em>on the stack</em>. Much was learned and discussed, but
it should be noted that the function is deprecated and probably shouldn&#39;t be used in shipping code.</p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,16 +3,16 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
<h2 id="notes-">Notes:</h2>
<p>Continuation on how dll uses memory: <a href="https://hero.handmadedev.org/forum/code-discussion/99-day-21-s-statement-about-msvcrt-is-correct">https://hero.handmadedev.org/forum/code-discussion/99-day-21-s-statement-about-msvcrt-is-correct</a></p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,9 +3,11 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
@ -30,7 +32,5 @@
two sets of values overlap are set to 0s in one of them, the data will effectively just be copied from one onto the
other with no interference.</p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,9 +3,11 @@
<!-- __CINERA_INCLUDES__ -->
</head>
<body>
<div id="cinera">
<div>
<!-- __CINERA_MENUS__ -->
<!-- __CINERA_PLAYER__ -->
</div>
<!-- __CINERA_SCRIPT__ -->
<article id="video-notes">
<h1><!-- __CINERA_TITLE__ --></h1>
@ -22,7 +24,5 @@
individually. As long as each one is waiting on the same semaphore object, they&#39;ll all know when there&#39;s more work to be
done.</p>
</article>
</div>
<!-- __CINERA_SCRIPT__ -->
</body>
</html>

View File

@ -3,12 +3,14 @@
#cineraIndex.riscy dt,
.cineraMenus.riscy,
.cineraMenus.riscy > .menu .refs,
.cineraMenus.riscy > .menu .filter_container,
.cineraMenus.riscy > .menu > .refs,
.cineraMenus.riscy > .menu > .filter_container,
.cineraMenus.riscy > .menu > .refs .ref,
.cineraMenus.riscy > .menu > .filter_container .filter_mode,
.cineraMenus.riscy > .menu > .credits_container,
.cineraMenus.riscy > .menu > .credits_container .credit,
.cineraMenus.riscy > .menu > .view,
.cineraMenus.riscy > .menu > .views_container .view,
.cineraPlayerContainer .markers_container.riscy,
.cineraPlayerContainer .markers_container.riscy > .marker {
background-color: #EEE;
@ -27,12 +29,13 @@
#cineraResults .markerList.riscy > .marker,
.cineraMenus.riscy,
.cineraMenus.riscy > .menu .refs,
.cineraMenus.riscy > .menu .filter_container,
.cineraMenus.riscy > .menu > .refs,
.cineraMenus.riscy > .menu > .filter_container,
.cineraMenus.riscy > .menu > .refs .ref,
.cineraMenus.riscy > .menu > .filter_container .filter_mode,
.cineraMenus.riscy > .menu > .credits_container,
.cineraMenus.riscy > .menu > .credits_container .credit,
.cineraMenus.riscy > .menu > .views_container,
.cineraPlayerContainer .markers_container.riscy,
.cineraPlayerContainer .markers_container.riscy > .marker {
border-color: rgba(246, 178, 26, 0.8);
@ -85,6 +88,8 @@
.cineraMenus.riscy > .menu > .filter_container .filter_content.focused,
/*.cineraMenus.riscy > .menu > .credits_container .credit *:hover,*/
.cineraMenus.riscy > .menu > .credits_container .credit *.focused,
.cineraMenus.riscy > .menu > .view:hover,
.cineraMenus.riscy > .menu > .views_container .view:hover,
.cineraPlayerContainer .markers_container.riscy > .marker:hover > .cineraContent {
background-color: #FFF8E7;
}