5,321
edits
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
Welcome to David Li's wiki. | Welcome to David Li's wiki. | ||
{{#css: | |||
.main-card-container { | |||
height: fit-content; | |||
flex-grow:1; | |||
display:flex; | |||
flex-wrap: wrap; | |||
padding: 1rem; | |||
justify-content: space-evenly; | |||
align-items: stretch; | |||
align-content: stretch; | |||
} | |||
.main-flex-card { | |||
border: 0.4rem solid #555555; | |||
border-radius: 1rem; | |||
padding: 0.3rem; | |||
margin: 0.2rem; | |||
flex-grow: 1; | |||
flex-basis: 0; | |||
} | |||
.main-card-container h6 { | |||
text-align:center | |||
} | |||
.main-flex-card ul { | |||
width: fit-content; | |||
max-width: 80%; | |||
margin: auto; | |||
} | |||
.main-flex-card ul li { | |||
width: fit-content; | |||
max-width: 100%; | |||
} | |||
}} | |||
<div style="display:flex;flex-direction:row;"> | <div style="display:flex;flex-direction:row;"> | ||
<div style="flex-grow:0;">__TOC__</div> | <div style="flex-grow:0;">__TOC__</div> | ||
<div | <div class="main-card-container"> | ||
< | <div class="main-flex-card"> | ||
< | <h6>Programming</h6> | ||
<ul> | |||
<li>[[C++]]</li> | |||
< | <li>[[JavaScript]]</li> | ||
<li>[[NodeJS]]</li> | |||
<li>[[Python]]</li> | |||
<li>[[Julia]]</li> | |||
</ul> | |||
</div> | |||
<div class="main-flex-card"> | |||
<h6>Software and Libraries</h6> | |||
<ul> | |||
</ | <li>[[Git]]</li> | ||
< | <li>[[TensorFlow]]</li> | ||
<li>[[PyTorch]]</li> | |||
</ul> | |||
</div> | |||
</ | <div class="main-flex-card"> | ||
< | <h6>Math</h6> | ||
<ul> | |||
<li>[[Parallel Algorithms]]</li> | |||
</ | <li>[[Advanced Computer Graphics]]</li> | ||
</ | </ul> | ||
</ | </div> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> |