<?php
/*
* Welcome page text
* Theme: WhiteBlack
*/
?>

<div class="stg">

	<div class="welcome-box">
        <h1><?php _e( 'Welcome to the WhiteBlack theme.', 'whiteblack' ); ?></h1>
	</div>
		
	<div class="welcome-box-2">
		
		
<table>
	<tr>
		<td><img class="ci_capi" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg" alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td colspan="3" style="text-align:left; padding: 5px;">
		<?php _e( 'This theme contains nine different image filters, which can be activated from the Styles section of the Image block of the editor.<br>Two filter modes:<br/> 
1) filter that changes the appearance of the image,<br/>
2) filter that changes the appearance by hovering the mouse over the image.', 'whiteblack' ); ?>
		</td>
	</tr>
	<tr>
		<td ><?php _e( 'Original', 'whiteblack' ); ?></td>
		<td colspan="3"> </td>
	<tr>
		<td><img class="ci_capi grayscale" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td><img class="ci_capi sepia" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td><img class="ci_capi saturate" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg" alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td><img class="ci_capi contrast" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
	</tr>
	<tr>
		<td><?php _e( 'Grayscale', 'whiteblack' ); ?></td>
		<td><?php _e( 'Sepia', 'whiteblack' ); ?></td>
		<td><?php _e( 'Saturate', 'whiteblack' ); ?></td>
		<td><?php _e( 'Contrast', 'whiteblack' ); ?></td>
	</tr>
	<tr>
		<td><img class="ci_capi grayscale2" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td><img class="ci_capi sepia2" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td><img class="ci_capi saturate2" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td><img class="ci_capi contrast2" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		</tr>
	<tr>
		<td><?php _e( '→ Grayscale', 'whiteblack' ); ?></td>
		<td><?php _e( '→ Sepia', 'whiteblack' ); ?></td>
		<td><?php _e( '→ Saturate', 'whiteblack' ); ?></td>
		<td><?php _e( '→ Contrast', 'whiteblack' ); ?></td>
		</tr>

	<tr>
		<td><img class="ci_capi grayscale grayscale1" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td><img class="ci_capi sepia sepia1" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td><img class="ci_capi saturate saturate1" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
		<td><img class="ci_capi contrast contrast1" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/lampioni.jpg"  alt="<?php _e( 'street lamps', 'whiteblack' ); ?>"></td>
	</tr>
	<tr>
		<td><?php _e( 'Grayscale →', 'whiteblack' ); ?></td>
		<td><?php _e( 'Sepia →', 'whiteblack' ); ?></td>
		<td><?php _e( 'Saturate →', 'whiteblack' ); ?></td>
		<td><?php _e( 'Contrast →', 'whiteblack' ); ?></td>
	</tr>
</table>			
				
<h2><?php _e( 'This is a free theme, created in my spare time, available exclusively on WordPress.org and designed for personal blogs and institutional sites.<br>If you like this theme, you can give me up to five stars on the theme page on WordPress.org: <a href="https://wordpress.org/support/theme/whiteblack/reviews/#new-post">Add your review</a>.<br>
If you like you can also check out the other themes I have created for you: <a href="https://wordpress.org/themes/author/masino1967/">@masino1967 themes</a>.', 'whiteblack' ); ?></h2>
	</div>

	<div class="welcome-box">
        
<h2><?php _e( 'Copyright', 'whiteblack' ); ?></h2>

<p><?php _e( 'WhiteBlack WordPress Theme, (C) 2025 masino1967<br/>
WhiteBlack is distributed under the terms of the GNU GPL.', 'whiteblack' ); ?></p>

<p><?php _e( 'This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or (at your option) any later version.', 'whiteblack' ); ?></p>

<p><?php _e( 'This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.', 'whiteblack' ); ?></p>


<h2><?php _e( 'Description', 'whiteblack' ); ?></h2>

<p><?php _e( 'Simple white and black theme. This theme offers nine different filter effects for images and featured images. It also offers an effect that shows or hides the filter as the cursor hovers over the image, custom pages and custom post templates.', 'whiteblack' ); ?></p>


<h2><?php _e( 'Licenses', 'whiteblack' ); ?></h2>

<p><b><?php _e( 'Please read the contents of the readme.txt file inside the main theme folder.', 'whiteblack' ); ?></b></p>

	</div>
</div>

    <style>
		.stg {
			margin: 0 15px 0px -2px;
		}
        .welcome-box {
            border: 1px solid #000;
            padding: 15px;
            margin-top: 15px;
			background-color: #dddddd;
        }
        .welcome-box-2 {
            border: 1px solid #000;
            padding: 15px;
            margin-top: 15px;
			background-color: #f5f5f5;
        }
		h1 {
			line-height: 1.3;
		}
		h2 {
			line-height: 1.3;
		}
		td {
			text-align:center;
			font-size-adjust: 0.6;
			font-weight: bold;
	 		width: 25%;
		}
		table {
			width: 100%;
			/* border: 1px solid #000;
			/*padding: 5px;*/
		}
		.grayscale {
			filter:grayscale(100%);
		}
		.grayscale1:hover {
			filter:none;
		}
		.grayscale2:hover {
			filter:grayscale(100%);
		}
		.sepia {
			filter:sepia(100%);
		}
		.sepia1:hover {
			filter:none;
		}
		.sepia2:hover {
			filter:sepia(100%);
		}
		.saturate {
			filter:saturate(200%);
		}
		.saturate1:hover {
			filter:none;
		}
		.saturate2:hover {
			filter:saturate(200%);
		}
		.contrast {
			filter:contrast(150%);
		}
		.contrast1:hover {
			filter:none;
		}
		.contrast2:hover {
			filter:contrast(150%);
		}
		img.ci_capi {
			max-width: 100%;
			height: auto;
		}
    </style>

