Last edited 3 weeks ago
by WikiSysop

Main Page: Difference between revisions

VisualWikitext
No edit summary
No edit summary
Line 1: Line 1:
<h1 style="color:#006179; margin-bottom: 2rem;">MOBIUS Documentation Library</h1>
<h1 style="color:#3e5389; margin-bottom: 2rem;">Documentation Library </h1>


<div class="book-container" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; padding: 1rem;">
<div style="display: flex; flex-wrap: wrap; gap: 2em; padding: 2em;">
   
  <!-- Book Card -->
    <!-- FOLIO Manual -->
  <div style="
    <div class="book-card" style="background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.3s ease;">
    width: 280px;
        <a href="[[FOLIO WIKI]]" style="text-decoration: none; color: inherit;">
    height: 400px;
            <div class="book-cover" style="height: 300px; background: #006179; display: flex; justify-content: center; align-items: center; padding: 1rem;">
    position: relative;
                <img src="/api/placeholder/200/300" alt="FOLIO Manual Cover" style="max-width: 100%; height: auto;" />
    perspective: 1000px;
                <div class="book-title" style="position: absolute; color: white; text-align: center; font-size: 1.5rem; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">
    cursor: pointer;
                    FOLIO Manual
  ">
                </div>
    <div style="
            </div>
      position: relative;
            <div class="book-info" style="padding: 1rem; text-align: center;">
      width: 100%;
                <h3 style="margin: 0.5rem 0; color: #006179;"> FOLIO Documentation</h3>
      height: 100%;
                <p style="color: #666; font-size: 0.9rem;">Complete guide to FOLIO ILS</p>
      transform-style: preserve-3d;
            </div>
      transition: transform 0.5s;
         </a>
      transform: rotateY(-10deg);
    </div>
    ">
 
      <!-- Book Cover -->
    <!-- EDS Wiki -->
      <div style="
    <div class="book-card" style="background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.3s ease;">
        position: absolute;
         <a href="[[EDS wiki]]" style="text-decoration: none; color: inherit;">
        width: 100%;
            <div class="book-cover" style="height: 300px; background: #1a365d; display: flex; justify-content: center; align-items: center; padding: 1rem;">
        height: 100%;
                <img src="/api/placeholder/200/300" alt="EDS Manual Cover" style="max-width: 100%; height: auto;" />
        background: linear-gradient(45deg, #2c3e50, #3498db);
                <div class="book-title" style="position: absolute; color: white; text-align: center; font-size: 1.5rem; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">
         border-radius: 2px 20px 20px 2px;
                    EDS Manual
        box-shadow:  
                </div>
          5px 5px 20px rgba(0,0,0,0.2),
            </div>
          1px 0px 0px rgba(255,255,255,0.1) inset;
            <div class="book-info" style="padding: 1rem; text-align: center;">
         padding: 20px;
                <h3 style="margin: 0.5rem 0; color: #006179;">EDS Documentation</h3>
        box-sizing: border-box;
                <p style="color: #666; font-size: 0.9rem;">EBSCO Discovery Service Guide</p>
        color: white;
            </div>
      ">
        </a>
        <h2 style="
    </div>
          font-size: 1.8em;
 
          margin-top: 40px;
    <!-- OpenRS Wiki -->
          text-align: center;
    <div class="book-card" style="background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.3s ease;">
          font-weight: bold;
        <a href="[[OpenRS wiki]]" style="text-decoration: none; color: inherit;">
          text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            <div class="book-cover" style="height: 300px; background: #2c5282; display: flex; justify-content: center; align-items: center; padding: 1rem;">
        ">Book Title</h2>
                <img src="/api/placeholder/200/300" alt="OpenRS Manual Cover" style="max-width: 100%; height: auto;" />
       
                <div class="book-title" style="position: absolute; color: white; text-align: center; font-size: 1.5rem; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">
        <div style="
                    OpenRS Manual
          position: absolute;
                </div>
          bottom: 20px;
            </div>
          left: 20px;
            <div class="book-info" style="padding: 1rem; text-align: center;">
          right: 20px;
                <h3 style="margin: 0.5rem 0; color: #006179;"> OpenRS Documentation</h3>
        ">
                <p style="color: #666; font-size: 0.9rem;">Resource Sharing System Guide</p>
          <p style="margin: 5px 0;"><strong>Version:</strong> 1.0</p>
             </div>
          <p style="margin: 5px 0;"><strong>Updated:</strong> Dec 2024</p>
         </a>
          <p style="margin: 15px 0; font-size: 0.9em;">Brief description of the book contents...</p>
    </div>
          <div style="text-align: center; margin-top: 20px;">
             [[Book Title|Read Documentation →]]
          </div>
         </div>
      </div>


    <!-- Panorama -->
      <!-- Book Spine -->
    <div class="book-card" style="background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.3s ease;">
      <div style="
         <a href="[[Panorama]]" style="text-decoration: none; color: inherit;">
        position: absolute;
            <div class="book-cover" style="height: 300px; background: #3182ce; display: flex; justify-content: center; align-items: center; padding: 1rem;">
        width: 40px;
                <img src="/api/placeholder/200/300" alt="Panorama Manual Cover" style="max-width: 100%; height: auto;" />
        height: 100%;
                <div class="book-title" style="position: absolute; color: white; text-align: center; font-size: 1.5rem; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">
         left: -40px;
                    Panorama
        background: linear-gradient(90deg, #1a2634, #2c3e50);
                </div>
        transform: rotateY(-90deg);
            </div>
        transform-origin: right;
            <div class="book-info" style="padding: 1rem; text-align: center;">
        border-radius: 3px 0 0 3px;
                <h3 style="margin: 0.5rem 0; color: #006179;">Analytics Documentation </h3>
        box-shadow:  
                <p style="color: #666; font-size: 0.9rem;">Insights Through Analytics</p>
          inset -2px 0px 5px rgba(0,0,0,0.2);
            </div>
      ">
        </a>
        <div style="
          position: absolute;
          width: 100%;
          top: 50%;
          transform: translateY(-50%) rotate(-90deg);
          text-align: center;
          color: white;
          font-weight: bold;
          white-space: nowrap;
          font-size: 1.2em;
        ">Book Title</div>
      </div>
     </div>
     </div>
  </div>


  <!-- You can copy this entire book card div for each book -->
</div>
</div>
<div style="text-align: center; margin-top: 2rem; padding: 1rem; background: #f1f3f9; border-radius: 8px;">
    <h3 style="color: #006179;">Need Help?</h3>
    <p>Contact the MOBIUS Help Desk at <a href="mailto:help@mobiusconsortium.org">help@mobiusconsortium.org</a></p>
</div>
<style>
.book-card:hover {
    transform: translateY(-5px);
}
</style>


__HIDE_TITLE__
__HIDE_TITLE__

Revision as of 01:56, 11 December 2024

Documentation Library

Book Title

Version: 1.0

Updated: Dec 2024

Brief description of the book contents...

Book Title


Retrieved from "https://wiki.mobiusconsortium.org/w/index.php?title=Main_Page&oldid=343"