Skip to content

Commit

Permalink
added Prototype Pages and links
Browse files Browse the repository at this point in the history
  • Loading branch information
JimFawcett committed Apr 22, 2024
1 parent feb1811 commit c662873
Show file tree
Hide file tree
Showing 5 changed files with 717 additions and 8 deletions.
18 changes: 11 additions & 7 deletions FreePagePrototype.html
Original file line number Diff line number Diff line change
Expand Up @@ -81,13 +81,17 @@ <h1 id="title">Free Page Prototype</h1>
<h3 id="subtitle" class="indent">no Prev/Next, no Pages</h3>
</hgroup>
</header>

<!-- <div style="padding-left:25px;">
"There cannot be a crisis next week. My schedule is already full."
<br />
- Henry Kissinger
</div> -->

<t-b class="indent">
&quot;He who makes the quickest, coolest prototypes reigns!&quot;<br />~ Tom Peters
</t-b>
<hr class="spread indent" />
<t-b class="indent">
Content here
</t-b>
<t-b class="indent">
<a href="Resources/Bits/Bits_Proto.html">Next</a><br />
<a href="ThreadPagePrototype.html">Prev</a><br />
</t-b>
<div style="height:15em;"></div>
</content>
<a id="bottom"></a>
Expand Down
2 changes: 1 addition & 1 deletion PageFramePrototype.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<link rel="stylesheet" href="css/StylesPageFrameThemeDefault.css" />
<link rel="stylesheet" href="css/StylesWebComponents.css" />
<script src="js/ScriptsWebComponents.js"></script>
<script src="js/ScriptsPageFrame.js"></script>
<script src="js/ScriptsPageFrameThreadPrototype.js"></script>
<script src="js/ScriptsPageFramePages.js"></script>
<script src="js/ScriptsPageFrameKeyboard.js"></script>
<!--<style>
Expand Down
112 changes: 112 additions & 0 deletions ThreadPagePrototype.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
<!DOCTYPE html>
<html>
<!--
ThreadPagePrototype.html
-->
<head>
<title>Prototype Thread Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/StylesPhoto.css" />
<link rel="stylesheet" href="css/StylesSizerComp.css" />
<!-- PageFrame infrastructure -->
<link rel="stylesheet" href="css/StylesPageFrameDefaults.css" />
<link rel="stylesheet" href="css/StylesPageFrameStructure.css" />
<link rel="stylesheet" href="css/StylesPageFrameMenus.css" />
<link rel="stylesheet" href="css/StylesPageFrameThemeBrown.css" />
<link rel="stylesheet" href="css/StylesWebComponents.css" />
<script src="js/ScriptsWebComponents.js"></script>
<!--<script src="js/ScriptsPageFrameDefaults.js"></script>-->
<script src="js/ScriptsPageFrameThreadPrototype.js"></script>
<script src="js/ScriptsPageFramePagesPrototype.js"></script>
<script src="js/ScriptsPageFrameKeyboard.js"></script>
<!-- No need for Pages script for pages with no next or prev pages -->
<!--<script src="js/ScriptsPageFramePages.js"></script>-->
<style>
#github .note {
border: 1px solid var(--dark);
padding:0.75em 1.5em;
margin-top:1.25em;
margin-bottom:1.25em;
background-color: var(--light);
color: var(--dark);
max-width:50em;
}
#github h2 {
margin-top: 0.75em;
}
#github ol.tight li {
margin-top:0.15em;
margin-bottom:0.15em;
}
#github header h3 {
margin-top: 0em;
margin-left: 1em;
}
</style>
</head>
<body id="github" onload="initialize()">

<!--<a id="Next" href="RustStory_Operations.html">Next</a>
<a id="Prev" href="RustStory_Models.html">Prev</a>-->

<page-frame>
<frame-header>
<nav id="navbar"></nav>
</frame-header>
<main>
<div id="about">about</div>
<div id="page">Thread Page Prototype</div>
<div id="modified">04/22/2024</div>
<div id="hlp"></div>
<a id="top"></a>
<content>
<a id="Next" href="FreePagePrototype.html">N</a>
<a id="Prev" href="Resources/Bits/Bits_PrototypeContent.html">P</a>

<div style="position:relative;">
<header style="position:relative;">
<a class="repoLink" href="https://github.com/JimFawcett/JimFawcett.github.io">Site Repo</a>
<hgroup id="pagetitle">
<h1 id="title">Thread Page Prototype</h1>
<h3 id="subtitle" class="indent">start a new thread, add to existing thread</h3>
</hgroup>
</header>
</div>
<t-b class="indent">
&quot;The value of a prototype is in the education it gives you, not in the code itself.<br />~ Amari Cooper&quot;<br />
</t-b>
<hr class="spread indent" />
<t-b class="indent">
Content here
</t-b>
</content>
<a id="bottom"></a>
<page-TOC id="pages" style="display:none;">
</page-TOC>
<page-sections id="sections" style="display:none;padding:0em;">
<menu-elem style="width:0.0em">&nbsp;</menu-elem>
<menu-elem class="secElem"><a href="#bottom">bottom</a></menu-elem>
<menu-elem class="secElem"><a href="#top">top</a></menu-elem>
<div class="darkItem" style="width:100%; padding:0.25em 0em;">&nbsp;Page&nbsp;Sections&nbsp;</div>
</page-sections>
</main>
<frame-footer>
<menu-item style="width:1.0em;">&nbsp;</menu-item>
<menu-elem id="nextLink2" onclick="bottomMenu.next()">Next</menu-elem>
<menu-elem id="prevLink2" onclick="bottomMenu.prev()">Prev</menu-elem>
<menu-elem id="pgbtn" onclick="bottomMenu.pages()">Pages</menu-elem>
<menu-elem onclick="bottomMenu.sections()">Sections</menu-elem>
<menu-elem onclick="bottomMenu.about()">About</menu-elem>
<menu-elem id="kysbtn" onclick="storyHlpMenu.keys()">Keys</menu-elem>
<menu-elem style="margin-right:5em">
<span id="loc" style="display:inline-block; font-weight:normal"></span>
</menu-elem>
</frame-footer>
</page-frame>
<script>
let loc = document.getElementById("loc");
let fn = window.location.href.split(/\/|\\/).pop();
loc.innerHTML = fn;
</script>
</body>
</html>
10 changes: 10 additions & 0 deletions WebpageTemplate/WebpageTemplate.sln
Original file line number Diff line number Diff line change
Expand Up @@ -977,6 +977,16 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Prototypes", "Prototypes",
..\Resources\Bits\Bits_PrototypeWrapper.html = ..\Resources\Bits\Bits_PrototypeWrapper.html
..\FreePagePrototype.html = ..\FreePagePrototype.html
..\PageFramePrototype.html = ..\PageFramePrototype.html
..\js\ScriptsPageFramePagesPrototype.js = ..\js\ScriptsPageFramePagesPrototype.js
..\js\ScriptsPageFrameThreadPrototype.js = ..\js\ScriptsPageFrameThreadPrototype.js
..\Test_Draggable.html = ..\Test_Draggable.html
..\Test_HideablePhotoSizerWebComponent-Ver2.html = ..\Test_HideablePhotoSizerWebComponent-Ver2.html
..\Test_ImageSizer.html = ..\Test_ImageSizer.html
..\Test_PhotoSizerWebComponent.html = ..\Test_PhotoSizerWebComponent.html
..\Test_SlideInPanel.html = ..\Test_SlideInPanel.html
..\Test_SlideShow.html = ..\Test_SlideShow.html
..\Test_SplitterBar.html = ..\Test_SplitterBar.html
..\ThreadPagePrototype.html = ..\ThreadPagePrototype.html
EndProjectSection
EndProject
Global
Expand Down
Loading

0 comments on commit c662873

Please sign in to comment.