Jump to content

Main Page: Difference between revisions

579 bytes removed ,  14 June 2020
no edit summary
(Undo revision 3676 by David (talk))
Tag: Undo
No edit summary
Line 15: Line 15:
   }
   }
   .main-flex-card {
   .main-flex-card {
     margin: 0.3rem;
    border: 0.4rem solid #555555;
    border-radius: 1rem;
    padding: 0.3rem;
     margin: 0.2rem;
     flex: 1 1 30%;
     flex: 1 1 30%;
     max-width: 30%;
     max-width: 30%;
     min-width: 8rem;
     min-width: 8rem;
  }
  .main-flex-card-inner {
    border: 0.4rem solid #555555;
    border-radius: 1rem;
    max-width: 15rem;
    min-height: 90%;
    margin: 0 auto;
    padding: 0.1rem;
   }
   }
   .main-card-container-inner h6 {
   .main-card-container h6 {
     text-align:center
     text-align:center
   }
   }
   .main-flex-card-inner ul {
   .main-flex-card ul {
     width: fit-content;
     width: fit-content;
     width: -moz-fit-content;
     width: -moz-fit-content;
Line 37: Line 32:
     margin: auto;
     margin: auto;
   }
   }
   .main-flex-card-inner ul li {
   .main-flex-card ul li {
     width: fit-content;
     width: fit-content;
     width: -moz-fit-content;
     width: -moz-fit-content;
     max-width: 100%;
     max-width: 100%;
   }
   }
   .main-card-header {
   .main-card-header{
     font-weight: bold;
     font-weight: bold;
     text-align: center;  
     text-align: center;  
Line 53: Line 48:
   <div class="main-card-container">
   <div class="main-card-container">
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-flex-card-inner">
       <div class="main-card-header">Programming</div>
        <div class="main-card-header">Programming</div>
      <ul>
        <ul>
        <li>[[C++]]</li>
          <li>[[C++]]</li>
        <li>[[JavaScript]]</li>
          <li>[[JavaScript]]</li>
        <li>[[NodeJS]]</li>
          <li>[[NodeJS]]</li>
        <li>[[Python]]</li>
          <li>[[Python]]</li>
        <li>[[Julia]]</li>
          <li>[[Julia]]</li>
      </ul>
        </ul>
      </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-flex-card-inner">
       <div class="main-card-header">Libraries</div>
        <div class="main-card-header">Libraries</div>
      <ul>
        <ul>
        <li>[[TensorFlow]]</li>
          <li>[[TensorFlow]]</li>
        <li>[[PyTorch]]</li>
          <li>[[PyTorch]]</li>
        <li>[[OpenCV]]</li>
          <li>[[OpenCV]]</li>
      </ul>
        </ul>
      </div>
     </div>
     </div>
    <div class="main-flex-card">
        <div class="main-flex-card">
       <div class="main-flex-card-inner">
       <div class="main-card-header">Frameworks</div>
        <div class="main-card-header">Frameworks</div>
      <ul>
        <ul>
        <li>[[Laravel]]</li>
          <li>[[Laravel]]</li>
        <li>[[Unity]]</li>
          <li>[[Unity]]</li>
      </ul>
        </ul>
      </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-flex-card-inner">
       <div class="main-card-header">Software Tools</div>
        <div class="main-card-header">Software Tools</div>
      <ul>
        <ul>
        <li>[[Git]]</li>
          <li>[[Git]]</li>
        <li>[[FFmpeg]]</li>
          <li>[[FFmpeg]]</li>
        <li>[[Rclone]]</li>
          <li>[[Rclone]]</li>
      </ul>
        </ul>
      </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-flex-card-inner">
       <div class="main-card-header">Theory</div>
        <div class="main-card-header">Theory</div>
      <ul>
        <ul>
        <li>[[Parallel Algorithms]]</li>
          <li>[[Parallel Algorithms]]</li>
        <li>[[Computer Graphics]]</li>
          <li>[[Computer Graphics]]</li>
        <li>[[Advanced Computer Graphics]]</li>
          <li>[[Advanced Computer Graphics]]</li>
        <li>[[Machine Learning]]</li>
          <li>[[Machine Learning]]</li>
      </ul>
        </ul>
      </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-flex-card-inner">
       <div class="main-card-header">Typesetting</div>
        <div class="main-card-header">Typesetting</div>
      <ul>
        <ul>
        <li>[[Latex]]</li>
          <li>[[Latex]]</li>
        <li>[[Markdown]]</li>
          <li>[[Markdown]]</li>
        <li>[[Markdeep]]</li>
          <li>[[Markdeep]]</li>
        <li>[[Wikitext]]</li>
          <li>[[Wikitext]]</li>
      </ul>
        </ul>
      </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-flex-card-inner">
       <div class="main-card-header">Operating Systems</div>
        <div class="main-card-header">Operating Systems</div>
      <ul>
        <ul>
        <li>[[Linux]]</li>
          <li>[[Linux]]</li>
        <li>[[Windows]]</li>
          <li>[[Windows]]</li>
        <li>[[Docker (software)]]</li>
          <li>[[Docker (software)]]</li>
        <li>[[MSYS2]]</li>
          <li>[[MSYS2]]</li>
      </ul>
        </ul>
      </div>
     </div>
     </div>
   </div>
   </div>