Ultraporing/ProgressQuestMultipleCharacterSheetDisplayPage.md

## 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>

## ProgressQuestMultipleCharacterSheetDisplayPage.md

      
    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
	<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>