<?php
 /*Template Name: scratch Template
 */
 
get_header(); ?>

<style>
.scratch-content,.scratch-info{
    margin:0 !important;
}
#content{
    flex-wrap:wrap;
}
</style>
<script>
    window.location.hash="<?php echo the_ID(); ?>";
</script>
<div id="primary">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div id="content" role="main" class="container d-flex m-5">
        <div class="scratch-content col-lg-6 col-md-6">
            <div id="app"></div>
        </div>
        <div class="scratch-info col-lg-6 col-md-6 col-sm-12" >
            <div class="scratch">
                <h4>作品介绍:</h4>
                <?php the_content();?>
                <h4>操作说明:</h4>
                <p><?php echo get_post_meta($post->ID,'scratch_operate',true);?></p>
            </div>

        </div>
    
        <div class="col-12"><?php comments_template(); ?></div>
    </div>
<?php 
endwhile;
endif;
?>

</div>

<script src="/scratch3/lib.min.js"></script>
<script src="/scratch3/chunks/player.js"></script>

<?php get_footer(); ?>