5,337
edits
No edit summary |
|||
Line 22: | Line 22: | ||
max-width: 30%; | max-width: 30%; | ||
min-width: 8rem; | min-width: 8rem; | ||
} | |||
.main-flex-card-inner { | |||
border: 0.4rem solid #555555; | |||
border-radius: 1rem; | |||
} | } | ||
.main-card-container h6 { | .main-card-container-inner h6 { | ||
text-align:center | text-align:center | ||
} | } | ||
.main-flex-card ul { | .main-flex-card-inner ul { | ||
width: fit-content; | width: fit-content; | ||
width: -moz-fit-content; | width: -moz-fit-content; | ||
Line 32: | Line 36: | ||
margin: auto; | margin: auto; | ||
} | } | ||
.main-flex-card ul li { | .main-flex-card-inner 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 48: | Line 52: | ||
<div class="main-card-container"> | <div class="main-card-container"> | ||
<div class="main-flex-card"> | <div class="main-flex-card"> | ||
<div class="main-card-header">Programming</div> | <div class="main-flex-card-inner"> | ||
<div class="main-card-header">Programming</div> | |||
<ul> | |||
<li>[[C++]]</li> | |||
<li>[[JavaScript]]</li> | |||
<li>[[NodeJS]]</li> | |||
<li>[[Python]]</li> | |||
</ | <li>[[Julia]]</li> | ||
</ul> | |||
</div> | |||
</div> | </div> | ||
<div class="main-flex-card"> | <div class="main-flex-card"> | ||
<div class="main-card-header">Libraries</div> | <div class="main-flex-card-inner"> | ||
<div class="main-card-header">Libraries</div> | |||
<ul> | |||
<li>[[TensorFlow]]</li> | |||
<li>[[PyTorch]]</li> | |||
</ | <li>[[OpenCV]]</li> | ||
</ul> | |||
</div> | |||
</div> | </div> | ||
<div class="main-flex-card"> | |||
<div class="main-card-header">Frameworks</div> | <div class="main-flex-card-inner"> | ||
<div class="main-card-header">Frameworks</div> | |||
<ul> | |||
<li>[[Laravel]]</li> | |||
</ | <li>[[Unity]]</li> | ||
</ul> | |||
</div> | |||
</div> | </div> | ||
<div class="main-flex-card"> | <div class="main-flex-card"> | ||
<div class="main-card-header">Software Tools</div> | <div class="main-flex-card-inner"> | ||
<div class="main-card-header">Software Tools</div> | |||
<ul> | |||
<li>[[Git]]</li> | |||
<li>[[FFmpeg]]</li> | |||
</ | <li>[[Rclone]]</li> | ||
</ul> | |||
</div> | |||
</div> | </div> | ||
<div class="main-flex-card"> | <div class="main-flex-card"> | ||
<div class="main-card-header">Theory</div> | <div class="main-flex-card-inner"> | ||
<div class="main-card-header">Theory</div> | |||
<ul> | |||
<li>[[Parallel Algorithms]]</li> | |||
<li>[[Computer Graphics]]</li> | |||
<li>[[Advanced Computer Graphics]]</li> | |||
</ | <li>[[Machine Learning]]</li> | ||
</ul> | |||
</div> | |||
</div> | </div> | ||
<div class="main-flex-card"> | <div class="main-flex-card"> | ||
<div class="main-card-header">Typesetting</div> | <div class="main-flex-card-inner"> | ||
<div class="main-card-header">Typesetting</div> | |||
<ul> | |||
<li>[[Latex]]</li> | |||
<li>[[Markdown]]</li> | |||
<li>[[Markdeep]]</li> | |||
</ | <li>[[Wikitext]]</li> | ||
</ul> | |||
</div> | |||
</div> | </div> | ||
<div class="main-flex-card"> | <div class="main-flex-card"> | ||
<div class="main-card-header">Operating Systems</div> | <div class="main-flex-card-inner"> | ||
<div class="main-card-header">Operating Systems</div> | |||
<ul> | |||
<li>[[Linux]]</li> | |||
<li>[[Windows]]</li> | |||
<li>[[Docker (software)]]</li> | |||
</ | <li>[[MSYS2]]</li> | ||
</ul> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> |