Skip to content

Instantly share code, notes, and snippets.

@Ultraporing

Ultraporing/ProgressQuestMultipleCharacterSheetDisplayPage.md

Last active December 6, 2021 13:52
Show Gist options
  • Save Ultraporing/f06491908f1cc03c18853e462cd7ac6c to your computer and use it in GitHub Desktop.
Save Ultraporing/f06491908f1cc03c18853e462cd7ac6c to your computer and use it in GitHub Desktop.
Download ZIP
Progress Quest multiple character sheet display page
Raw
index.html
<html>
<head>
<style>
body,html {
margin:0;
height: 100%;
width: 100%;
}
.container {
width: 100%;
height: 90%;
display:block;
}
.leftpane {
width: 33%;
height: 100%;
float: left;
background-color: rosybrown;
border-collapse: collapse;
}
.middlepane {
width: 34%;
height: 100%;
float: left;
background-color: royalblue;
border-collapse: collapse;
}
h1 {
text-align:center;
}
.rightpane {
width: 33%;
height: 100%;
position: relative;
float: right;
background-color: yellow;
border-collapse: collapse;
}
</style>
<title>PQ 6.2 - Helden der Gurke Status</title>
</head>
<body>
<div class="leftpane"><h1>Rouxlid [Spoltog]</h1><iframe class="container" src="Rouxlid [Spoltog].sheet" style="border:none;">Not supported</iframe></div>
<div class="middlepane"><h1>Krubfrick-1000 [Spoltog]</h1><iframe class="container" src="Krubfrick-1000 [Spoltog].sheet" style="border:none;">Not supported</iframe></div>
<div class="rightpane"><h1>Jidcrob [Spoltog]</h1><iframe class="container" src="Jidcrob [Spoltog].sheet" style="border:none;">Not supported</iframe></div>
</body>
</html>
Raw
ProgressQuestMultipleCharacterSheetDisplayPage.md

Read Me

What is this?

This is a basic HTML page which displays 3 Progress Quest character sheets. You can use the progress quest export functionality to export your character sheets periodicly and directly use them here, as long as the paths to the sheets are correct.

How to use

You can change the Webpage title in line 45. Just change the Headers and character sheet paths in lines 48, 49 and 50 to your character sheets and Headers. I.E: change <div class="leftpane"><h1>Rouxlid [Spoltog]</h1><iframe class="container" src="Rouxlid [Spoltog].sheet" to this <div class="leftpane"><h1>First Character</h1><iframe class="container" src="firstCharacter.sheet" Now the Left most panel displays the Headline "First Character" and displays the file in the same folder "firstCharacter.sheet" below it.

Preview

screen

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment