Commit 882db4ef authored by William D. Fullmer's avatar William D. Fullmer
Browse files

actually add psri half bed slider to master branch

parent de2d5da7

docs/webroot/css/slider.css

0 → 100644
+63 −0
Original line number Diff line number Diff line 
div.slider-container {

    position: relative;

    width: 400px;

    height: 300px;

    position: relative; 

    margin: 2px; 

}



div.image {

    height: 100%;

    background-repeat: no-repeat;

    background-position: top left;

    background-size: cover;

    position: absolute;

    top: 0px;

    left: 0px;

}



div.before {

    width: 50%;

    z-index: 2;

}



div.after {

    width: 100%;

    z-index: 1;

}



input.slider {

    width: 100%;

    height: 100%;

    outline: none;

    background-color: transparent;

    position: absolute;

    margin: 0px;

    z-index: 3;

    cursor: pointer;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    transition: 0.25s all ease-in-out;

    -moz-transition: 0.25s all ease-in-out;

    -webkit-transition: 0.25s all ease-in-out;

    z-index: 4;

}



input.slider::-moz-range-thumb {

    width: 2px;

    height: 300px;

    background-color: white;

    cursor: pointer;

}



input.slider::-webkit-slider-thumb {

    width: 2px;

    height: 300px;

    background-color: white;

    cursor: pointer;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

}

docs/webroot/gallery.html

+42 −0
Original line number Diff line number Diff line
@@ -17,10 +17,12 @@ 
    <script src="js/skel.min.js"></script>

    <script src="js/skel-layers.min.js"></script>

    <script src="js/init.js"></script>

    <script src="js/slider.js"></script>

    <noscript>

      <link rel="stylesheet" href="css/skel.css" />

      <link rel="stylesheet" href="css/style.css" />

      <link rel="stylesheet" href="css/style-xlarge.css" />

      <link type="text/css" href="css/slider.css" rel="stylesheet" />

    </noscript>

  </head>

  <body>
@@ -62,6 +64,46 @@ 
END TEMPLATE-->





        <header class="major">

          <h2>PSRI Half-bed</h2>

          <p>Penetration of horizontal jets into a slightly fluidized bed</p>

        </header>

        <div class="row 50% uniform">

          <div class="slider-container">

            <div class="image before" style="background-image:url('gallery_images/psri_halfbed_1mm-ceramic_slightly_contourFr_exp.png');"></div>

            <div class="image after" style="background-image:url('gallery_images/psri_halfbed_1mm-ceramic_slightly_contourFr_sim.png');"></div>



             <input type="range" class="slider" min="1" max="100" value="50" />

            <div class="slider-button"></div>

          </div>

          <div class="8u$ 12u(small)">

            A unique experiment was designed at

            <a href="https://psri.org"> Particulate Solids Research Inc.,</a>

            in which a circular fluidized bed is essentially cut in half,

            with a flat front plane for easy visual inspection.

            Four horizontal air jets penetrate the bed, two on either side,

            which can be manually inserted into the bed.

            In this experiment, only the bottom two jets are operated near 200 m/s

            and pulled flush with the wall. The solid material in the bed is (nominally)

            1 mm ceramic beads which are fluidized (from below) by a distributor

            slightly above minimum fluidization. High-speed video is records the

            jet behavior at the wall which is used to measure u-v particle velocity

            profiles at the face, non-dimensionalized into a Froude number.

            The experiment is modeled with MFIX-Exa

            using a calibrated Syamlal and O'Brien drag model.

            Both simulation and experiment are time averaged for six seconds.

            <p><p>



            For more details see the

            <a href="https://www.osti.gov/biblio/1898116">APS DFD presentation</a>

            of this work.



            </p>

          </div>

        </div>

        <p>





        <header class="major">

          <h2>Spouted Bed</h2>

          <p>Eruption! The moment of spout breakthrough</p>

docs/webroot/gallery_images/Layerd_Detonation.gif

deleted100644 → 0
−3.87 MiB
Loading image diff...

docs/webroot/gallery_images/Layerd_Detonation.mp4

deleted100644 → 0
−8.41 MiB

File deleted.

View file

docs/webroot/gallery_images/Runnels.gif

deleted100644 → 0
−20.1 MiB
Loading image diff...