-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Change Picutre to Card on About Page & Add White color of LOGO in dar…
…k mode
- Loading branch information
1 parent
4186da6
commit b7e0ecf
Showing
4 changed files
with
52 additions
and
8 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| <html> | ||
| <div class="z-30 p-4 flex flex-col fill-neutral-100 h-full group max-w-sm p-2 rounded-lg mx-auto md:flex md:flex-row md:max-w-full"> | ||
| <div class="absolute inset-0 z-20 w-full h-full duration-300 ease-out bg-white border border-dashed dark:bg-neutral-950 rounded-2xl border-neutral-300 dark:border-neutral-600 group-hover:-translate-x-1 group-hover:-translate-y-1"> | ||
| </div> | ||
| <div class="absolute inset-0 z-10 w-full h-full duration-300 ease-out border border-dashed rounded-2xl border-neutral-300 dark:border-neutral-600 group-hover:translate-x-1 group-hover:translate-y-1"> | ||
| </div> | ||
| <div class="z-30 flex items-center space-x-4 my-2"> | ||
| <div class="rounded-full border-4 border-neutral-600 p-1 dark:border-neutral-600 shrink-0"> | ||
| <img src="/assets/images/avatar.png" alt="Profile Picture" class="rounded-full w-24 h-24 "> | ||
| </div> | ||
| <div> | ||
| <h2 class="text-2xl font-semibold dark:text-white">Yang Li</h2> | ||
| <p class="text-gray-400 mt-5">Assistant Professor </p> | ||
| </div> | ||
| </div> | ||
| <div class="z-30 flex md:my-2 mx-2 flex-col content-start items-start text-neutral-600 dark:text-neutral-400"> | ||
| <div class="flex my-1 md:my-4 flex-row content-start items-center"> | ||
| <svg t="1711682369250" class="icon w-8 h-8 fill-black dark:fill-white" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6265" width="200" height="200"><path d="M945.08544 366.6432l-425.97376-183.1936a20.5312 20.5312 0 0 0-8.12544-1.6896c-2.7648 0-5.52448 0.5632-8.14592 1.6896L76.87168 366.6432c-8.98048 3.84512-14.92992 13.65504-14.92992 24.59136 0 10.9568 5.94944 20.74112 14.92992 24.60672L502.8352 599.04a20.29056 20.29056 0 0 0 16.27136 0l331.1872-142.43328v145.7152c-17.75104 9.40032-30.08512 29.8496-30.08512 53.62688 0 23.7824 12.33408 44.22656 30.08512 53.62688v50.83136h43.6224v-50.82112c17.76128-9.40032 30.1056-29.8496 30.1056-53.63712s-12.34432-44.2368-30.1056-53.63712V437.84704l51.16416-22.00576c8.97536-3.8656 14.9248-13.65504 14.9248-24.60672 0-10.93632-5.94944-20.74624-14.9248-24.59136z m-434.0992 269.16352a47.96928 47.96928 0 0 1-19.03104-3.95776L226.4064 517.632v157.70112c0 129.16224 193.65888 167.936 254.208 167.936h60.69248c45.35808 0 254.22848-38.77376 254.22848-167.936v-157.696l-265.55904 114.21184a47.76448 47.76448 0 0 1-18.9952 3.95776z" p-id="6266"></path></svg> | ||
| <span class="ml-2">Ph.D. at UCAS (SHEN YANG)</span> | ||
| </div> | ||
| <div class="flex my-1 md:mb-2 flex-row content-start items-center"> | ||
| <!-- <svg t="1711683506530" class="icon w-8 h-8 fill-black dark:fill-white" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16510" width="200" height="200"><path d="M437.333333 149.333333C313.6 149.333333 213.333333 249.6 213.333333 373.333333S313.6 597.333333 437.333333 597.333333 661.333333 497.066667 661.333333 373.333333 561.066667 149.333333 437.333333 149.333333z m0 384c-87.466667 0-160-72.533333-160-160s72.533333-160 160-160 160 72.533333 160 160-70.4 160-160 160z" p-id="16511"></path><path d="M437.333333 533.333333C256 533.333333 104.533333 672 87.466667 849.066667c-2.133333 19.2 12.8 36.266667 32 36.266666 17.066667 0 29.866667-12.8 32-29.866666 14.933333-145.066667 136.533333-256 283.733333-256s268.8 113.066667 283.733333 256c2.133333 17.066667 14.933333 29.866667 32 29.866666 19.2 0 34.133333-17.066667 32-36.266666-12.8-177.066667-162.133333-315.733333-345.6-315.733334zM755.2 533.333333c57.6-40.533333 96-108.8 96-183.466666 0-96-61.866667-179.2-147.2-211.2-21.333333-6.4-42.666667 8.533333-42.666667 29.866666 0 12.8 8.533333 25.6 21.333334 29.866667 61.866667 23.466667 104.533333 81.066667 104.533333 149.333333 0 66.133333-40.533333 123.733333-98.133333 147.2-17.066667 6.4-27.733333 23.466667-27.733334 42.666667 0 21.333333 14.933333 40.533333 36.266667 44.8 115.2 27.733333 172.8 125.866667 185.6 245.333333 2.133333 17.066667 12.8 29.866667 29.866667 32 21.333333 2.133333 38.4-14.933333 36.266666-36.266666-12.8-132.266667-72.533333-243.2-194.133333-290.133334z" p-id="16512"></path></svg> --> | ||
| <svg t="1711716641418" class="icon w-8 h-8 fill-black dark:fill-white" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25385" width="200" height="200"><path d="M164.445091 330.984727c0-95.604364 79.080727-173.102545 176.64-173.102545 97.605818 0 176.686545 77.498182 176.686545 173.102545s-79.127273 173.102545-176.686545 173.102546-176.64-77.498182-176.64-173.102546zM407.272727 808.354909v-11.962182c0-88.250182 45.986909-165.794909 115.339637-211.502545a230.958545 230.958545 0 0 0-100.491637-23.086546H274.850909c-126.045091 0-228.212364 100.072727-228.212364 223.557819v14.42909c0 50.501818 102.167273 50.501818 228.212364 50.501819H415.650909a101.841455 101.841455 0 0 1-8.378182-41.937455z m313.623273-532.852364c-80.942545 0-146.618182 64.325818-146.618182 143.685819s65.675636 143.685818 146.618182 143.685818c80.989091 0 146.618182-64.325818 146.618182-143.685818s-65.582545-143.685818-146.618182-143.685819z m0 0c-80.942545 0-146.618182 64.325818-146.618182 143.685819s65.675636 143.685818 146.618182 143.685818c80.989091 0 146.618182-64.325818 146.618182-143.685818s-65.582545-143.685818-146.618182-143.685819z m-54.923636 335.313455c-104.634182 0-189.44 83.083636-189.44 185.576727v11.962182c0 41.890909 84.805818 41.890909 189.44 41.890909h122.228363c104.587636 0 189.346909-1.536 189.346909-41.890909v-11.962182c0-102.493091-84.759273-185.576727-189.346909-185.576727h-122.228363z m0 0" p-id="25386"></path></svg> | ||
|
|
||
| <span class="ml-2">Senoir Member of CSBME</span> | ||
| </div> | ||
| </div> | ||
| <div class="z-30 flex md:my-2 mx-2 flex-col content-start items-start text-neutral-600 dark:text-neutral-400"> | ||
| <div class="flex my-1 md:my-4 flex-row content-start items-center"> | ||
| <svg t="1711774718543" class="icon w-8 h-8 fill-black dark:fill-white" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7482" width="200" height="200"><path d="M809.5 411.6l-17.1 17.1-24.1-2.4-33.6-3.3-25.5 25.5-18.2 18.3c3.6 14.4 5.7 29.3 5.7 44.7 0 101.9-82.9 184.8-184.8 184.8s-184.8-82.9-184.8-184.8S410 326.7 511.9 326.7c29.6 0 57.6 7.1 82.4 19.6l6.3-6.3 25.5-25.5-3.3-33.6-2.4-24.1 17.1-17.1 55-55C639 155 577.5 138 511.9 138c-206.3 0-373.6 167.3-373.6 373.6s167.3 373.6 373.6 373.6 373.6-167.3 373.6-373.6c0-51.8-11.2-100.7-30.3-145.5l-45.7 45.5z" p-id="7483"></path><path d="M679.4 333.6l-42.6 42.6L587 426c-20.2-17.7-46.3-28.9-75.2-28.9-63.1 0-114.4 51.3-114.4 114.4S448.8 626 511.9 626s114.4-51.4 114.4-114.5c0-15.5-3.2-30.2-8.8-43.7l98-98 57.7 5.7 113.1-113.1-90.6-8.9-8.9-90.6-113 113 5.6 57.7z" p-id="7484"></path></svg> | ||
| <span class="ml-2">Pattern Recognition</span> | ||
| </div> | ||
| <div class="flex my-1 md:mb-2 flex-row content-start items-center"> | ||
| <svg t="1711775048891" class="icon w-8 h-8 fill-black dark:fill-white" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10101" width="200" height="200"><path d="M893.421013 263.914762c-1.982144 16.412808-9.237385 32.210609-21.676695 44.729737L581.597101 598.791715c-29.696346 29.696346-78.243015 29.696346-107.939361 0L183.510524 308.644499c-12.519128-12.519128-19.770276-28.396747-21.676695-44.729737-0.38374 3.130294-0.611937 6.259564-0.611937 9.465582l0 396.939451c0 41.983183 34.348296 76.335572 76.336596 76.335572l580.14196 0c41.980113 0 76.332503-34.352389 76.332503-76.335572L894.03295 273.380344C894.03295 270.174326 893.804752 267.045055 893.421013 263.914762L893.421013 263.914762 893.421013 263.914762zM581.597101 543.222095l304.193117-304.19414c-12.598946-24.883737-38.473243-41.983183-68.089771-41.983183L237.558487 197.044772c-29.616528 0-55.499012 17.099447-68.089771 41.983183L473.65774 543.222095C503.349993 572.917418 551.900755 572.917418 581.597101 543.222095L581.597101 543.222095 581.597101 543.222095z" p-id="10102"></path></svg> | ||
| <a href="mailto:[email protected]" class="ml-2">[email protected]</a> | ||
| </div> | ||
| </div> | ||
| <!-- More info sections go here, similar to the above structure --> | ||
| <!-- Use `flex`, `items-center`, `my-2`, etc. for alignment and spacing --> | ||
| <!-- Repeat for other details --> | ||
| </div> | ||
|
|
||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters