tests/test-logos.html

<!DOCTYPE html>
<html>
<head>
	<title>PRQL Logo Test Page</title>
	<style>
		body {
			background-color: dimgrey;
			color: white;
			font-family: sans-serif;
		}
		img {
			border: 1px dashed hotpink;
		}
		a {
		color: white
	}
	</style>
</head>
<body>
	<h1>Test page for PRQL logo and wordmark</h1>
	<p>This page places the PRQL logos on a <code>dimgrey</code> background with a dashed <code>hotpink</code> border. 
	This makes it easy to see that the image dimensions are exactly the same size as the image 
	(with no "white space" around the edges of the image.)</p>

	<p>See the <a href="https://github.com/PRQL/prql-brand/#tests" target="_blank"
		>PRQL Press Materials and Branding</a> page for more informaiton.
	</p>
	<!-- SVG -->
	<h2>SVG</h2>

	<p>NB: The SVG uses a transparent background.</p>
	<h3>The logo with the PRQL wordmark ("prql-wordmark")</h3>
	<img src="../logos/SVG/prql-wordmark.svg" alt="missing image">
	
	<h3>The bare logo ("prql-logo")</h3>
	<img src="../logos/SVG/prql-logo.svg" alt="missing image">

<!-- PNG -->
	<h2>PNG</h2>
	<p>NB: The PNG uses a transparent background.</p>

	<h3>The logo with the PRQL wordmark ("prql-wordmark")</h3>
	<img src="../logos/PNG/prql-wordmark.png" alt="missing image">
	
	<h3>The bare logo ("prql-logo")</h3>
	<img src="../logos/PNG/prql-logo.png" alt="missing image">

<!-- JPEG -->
<h2>JPEG</h2>
<p>NB: The JPEG uses a white background.</p>
<h3>The logo with the PRQL wordmark ("prql-wordmark")</h3>
<img src="../logos/JPG/prql-wordmark.jpg" alt="missing image">

<h3>The bare logo ("prql-logo")</h3>
<img src="../logos/JPG/prql-logo.jpg" alt="missing image">

<!-- Thanks, ChatGPT for the leg up in creating this file! -->

</body>
</html>