<commit_before><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- <html lang="cl" style="font-size: 16px"> -->
<html lang="cl" style="font-size: 100%">

<head>
	<meta charset="iso-8859-1" />
	<title>fcoo.dk - Media Queries</title>

  <!-- <meta charset="utf-8" /> -->
	<meta http-equiv='x-dns-prefetch-control' content='on'>
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />


  <link rel="stylesheet" type="text/css" href="../src/media-queries.css" />
  <!-- <link rel="stylesheet" type="text/css" href="media-queries-examples.css" /> -->
	<style>

.dpi96 { background-color: red; }

@media screen and (resolution: 96dpi) {
	.dpi96 { background-color: green; }
}
@media only screen and (min-width: 40.063em) { 
} /* min-width 641px, medium screens */

		div {
			margin: 10px;
			padding: 10px;
		}
	</style>
</head>
<body>
	<h1>FCOO Media Queries TEST 11</h1>
	<p>This is a test of the media queries to be used in FCOOs applications</p>

	<h4 class="show-for-landscape">This device is in LANDSCAPE mode</h4>
	<h4 class="show-for-portrait">This device is in PORTRAIT mode</h4>

  <strong class="show-for-small-only">This text is shown only on a small screen.</strong>
  <!-- <strong class="show-for-medium-up">This text is shown on medium screens and up.</strong> -->
  <strong class="show-for-medium-only">This text is shown only on a medium screen.</strong>
  <!-- <strong class="show-for-large-up">This text is shown on large screens and up.</strong> -->
  <strong class="show-for-large-only">This text is shown only on a large screen.</strong>
  <!-- <strong class="show-for-xlarge-up">This text is shown on xlarge screens and up.</strong> -->
  <strong class="show-for-xlarge-only">This text is shown only on an xlarge screen.</strong>
  <!-- <strong class="show-for-xxlarge-up">This text is shown on xxlarge screens and up.</strong> -->

	<!-- <div class="dpi96">resolution = 96dpi</div> -->

	<div id="info"></div>


	<div style="width:95%; border:1px solid blue; font-size:100%"><commit_msg>* No message *<commit_after><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- <html lang="cl" style="font-size: 16px"> -->
<html lang="cl" style="font-size: 100%">

<head>
	<meta charset="iso-8859-1" />
	<title>fcoo.dk - Media Queries</title>

  <!-- <meta charset="utf-8" /> -->
	<meta http-equiv='x-dns-prefetch-control' content='on'>
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />


  <link rel="stylesheet" type="text/css" href="../src/media-queries.css" />
  <!-- <link rel="stylesheet" type="text/css" href="media-queries-examples.css" /> -->
	<style>

.dpi96 { background-color: red; }

@media screen and (resolution: 96dpi) {
	.dpi96 { background-color: green; }
}
@media only screen and (min-width: 40.063em) { 
} /* min-width 641px, medium screens */

		div {
			margin: 10px;
			padding: 10px;
		}
	</style>
</head>
<body>
	<h1>FCOO Media Queries TEST 12</h1>
	<p>This is a test of the media queries to be used in FCOOs applications</p>

	<h4 class="show-for-landscape">This device is in LANDSCAPE mode</h4>
	<h4 class="show-for-portrait">This device is in PORTRAIT mode</h4>

  <strong class="show-for-small-only">This text is shown only on a small screen.</strong>
  <!-- <strong class="show-for-medium-up">This text is shown on medium screens and up.</strong> -->
  <strong class="show-for-medium-only">This text is shown only on a medium screen.</strong>
  <!-- <strong class="show-for-large-up">This text is shown on large screens and up.</strong> -->
  <strong class="show-for-large-only">This text is shown only on a large screen.</strong>
  <!-- <strong class="show-for-xlarge-up">This text is shown on xlarge screens and up.</strong> -->
  <strong class="show-for-xlarge-only">This text is shown only on an xlarge screen.</strong>
  <!-- <strong class="show-for-xxlarge-up">This text is shown on xxlarge screens and up.</strong> -->

	<!-- <div class="dpi96">resolution = 96dpi</div> -->

	<div id="info"></div>


	<div style="width:95%; border:1px solid blue; font-size:100%">
{'fraction_non_alphanumeric': 0.19027484143763213, 'fraction_numerical': 0.026779422128259338, 'mean_word_length': 3.88302752293578, 'pattern_counts': {'":': 0, '<': 109, '<?xml version=': 0, '>': 109, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7008539', 'n_tokens_mistral': 1597, 'n_tokens_neox': 1472, 'n_words': 392}