From WikiChip
Difference between revisions of "Template:main/popular articles"
(refactoring) |
|||
(5 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
<div class="wgrid-row"> | <div class="wgrid-row"> | ||
<div class="wgrid-col-12" style="font-size: 1.3em; font-weight: bold; margin: 10px 20px 20px 0; width: 100%; border-bottom: 1.5px solid black;">Popular Topics</div> | <div class="wgrid-col-12" style="font-size: 1.3em; font-weight: bold; margin: 10px 20px 20px 0; width: 100%; border-bottom: 1.5px solid black;">Popular Topics</div> | ||
+ | </div> | ||
+ | <!--------------------------------------------> | ||
+ | <div class="wgrid-row"> | ||
+ | <div class="wgrid-col-1"> </div> | ||
+ | <div class="wgrid-col-11" style="font-size: 1.3em; font-weight: bold; margin: 10px 20px 20px 0; width: 10x0%; border-bottom: 1.5px solid black;">Small Cores</div> | ||
+ | </div> | ||
+ | |||
+ | <!--------------------------------------------> | ||
+ | <!-- ROW --> | ||
+ | <div class="wgrid-row"> | ||
+ | <div class="wgrid-col-1"> </div> | ||
+ | <!-- col1 --> | ||
+ | <div class="wgrid-col-3"> | ||
+ | <div style="height: 125px; overflow: hidden;"> | ||
+ | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Arm Cortex-A510</div> | ||
+ | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-a510.png|class=main_page_max|link=arm_holdings/microarchitectures/cortex-a510]]</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- ROW END --> | ||
+ | <!--------------------------------------------> | ||
+ | |||
+ | <!--------------------------------------------> | ||
+ | <div class="wgrid-row"> | ||
+ | <div class="wgrid-col-1"> </div> | ||
+ | <div class="wgrid-col-11" style="font-size: 1.3em; font-weight: bold; margin: 10px 20px 20px 0; width: 10x0%; border-bottom: 1.5px solid black;">Cloud Service Providers In-House</div> | ||
+ | </div> | ||
+ | |||
+ | <!--------------------------------------------> | ||
+ | <!-- ROW --> | ||
+ | <div class="wgrid-row"> | ||
+ | <div class="wgrid-col-1"> </div> | ||
+ | <!-- col1 --> | ||
+ | <div class="wgrid-col-4" style="height: 200px; overflow: hidden;"> | ||
+ | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">AWS Graviton4</div> | ||
+ | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-graviton4.png|class=main_page_max|link=annapurna_labs/graviton/graviton4]]</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- ROW END --> | ||
+ | <!--------------------------------------------> | ||
+ | |||
+ | <!--------------------------------------------> | ||
+ | <div class="wgrid-row"> | ||
+ | <div class="wgrid-col-1"> </div> | ||
+ | <div class="wgrid-col-11" style="font-size: 1.3em; font-weight: bold; margin: 10px 20px 20px 0; width: 10x0%; border-bottom: 1.5px solid black;">Other Topics</div> | ||
</div> | </div> | ||
<!--------------------------------------------> | <!--------------------------------------------> | ||
Line 7: | Line 52: | ||
<div class="wgrid-row"> | <div class="wgrid-row"> | ||
<!-- col1 --> | <!-- col1 --> | ||
− | <div class="wgrid-col-4"> | + | <div class="wgrid-col-3"> |
− | <div style="height: | + | <div style="height: 125px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Centaur CHA</div> |
+ | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-cha.jpg|class=main_page_max|link=centaur/microarchitectures/cha]]</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- col2 --> | ||
+ | <div class="wgrid-col-3"> | ||
+ | <div style="height: 125px; overflow: hidden;"> | ||
+ | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Intel Spring Crest</div> | ||
<p style="height: 100%; width: 100%;">[[File:wikichip-main-box-spring-crest.jpg|class=main_page_max|link=nervana/microarchitectures/spring_crest]]</p> | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-spring-crest.jpg|class=main_page_max|link=nervana/microarchitectures/spring_crest]]</p> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <!-- | + | <!-- col3 --> |
− | <div class="wgrid-col- | + | <div class="wgrid-col-3"> |
− | <div style="height: | + | <div style="height: 125px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Intel Spring Hill</div> |
<p style="height: 100%; width: 100%;">[[File:sph board.jpg|class=main_page_max|link=intel/microarchitectures/spring_hill]]</p> | <p style="height: 100%; width: 100%;">[[File:sph board.jpg|class=main_page_max|link=intel/microarchitectures/spring_hill]]</p> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <!-- | + | <!-- col4 --> |
− | <div class="wgrid-col- | + | <div class="wgrid-col-3"> |
− | <div style="height: | + | <div style="height: 125px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">IBM z15</div> |
<p style="height: 100%; width: 100%;">[[File:wikichip-main-box-z15.jpg|class=main_page_max|link=ibm/microarchitectures/z15]]</p> | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-z15.jpg|class=main_page_max|link=ibm/microarchitectures/z15]]</p> | ||
</div> | </div> | ||
Line 31: | Line 83: | ||
<!--------------------------------------------> | <!--------------------------------------------> | ||
<div class="wgrid-row"> | <div class="wgrid-row"> | ||
− | <div class="wgrid-col-4" style="height: | + | <div class="wgrid-col-4" style="height: 200px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Intel Raptor Lake</div> |
− | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box- | + | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-raptor-lake-s.jpg|class=main_page_max|link=intel/microarchitectures/raptor_lake]]</p> |
</div> | </div> | ||
− | <div class="wgrid-col-4" style="height: | + | <div class="wgrid-col-4" style="height: 200px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Intel Cascade Lake</div> |
<p style="height: 100%; width: 100%;">[[File:wikichip-main-box-clx.jpg|class=main_page_max|link=intel/microarchitectures/cascade_lake]]</p> | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-clx.jpg|class=main_page_max|link=intel/microarchitectures/cascade_lake]]</p> | ||
</div> | </div> | ||
<div class="wgrid-col-4"> | <div class="wgrid-col-4"> | ||
− | <div style="height: | + | <div style="height: 90px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Intel Ice Lake</div> |
<p style="height: 100%; width: 100%;">[[File:wikichip-main-box-icl.jpg|class=main_page_max|link=intel/microarchitectures/ice lake (client)]]</p> | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-icl.jpg|class=main_page_max|link=intel/microarchitectures/ice lake (client)]]</p> | ||
</div> | </div> | ||
− | <div style="margin-top: | + | <div style="margin-top: 10px; height: 110px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Intel Sunny Cove</div> |
<p style="height: 100%; width: 100%;">[[File:wikichip-main-box-snc.jpg|class=main_page_max|link=intel/microarchitectures/sunny cove]]</p> | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-snc.jpg|class=main_page_max|link=intel/microarchitectures/sunny cove]]</p> | ||
</div> | </div> | ||
Line 52: | Line 104: | ||
<div class="wgrid-row"> | <div class="wgrid-row"> | ||
<div class="wgrid-col-3"> | <div class="wgrid-col-3"> | ||
− | <div style="height: | + | <div style="height: 125px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Arm Neoverse N1</div> |
<p style="height: 100%; width: 100%;">[[File:wikichip-main-box-n1.png|class=main_page_max|link=arm_holdings/microarchitectures/neoverse_n1]]</p> | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-n1.png|class=main_page_max|link=arm_holdings/microarchitectures/neoverse_n1]]</p> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="wgrid-col-3"> | <div class="wgrid-col-3"> | ||
− | <div style="height: | + | <div style="height: 125px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Arm Cortex-A77</div> |
<p style="height: 100%; width: 100%;">[[File:wikichip-main-box-a77.png|class=main_page_max|link=arm_holdings/microarchitectures/cortex-a77]]</p> | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-a77.png|class=main_page_max|link=arm_holdings/microarchitectures/cortex-a77]]</p> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="wgrid-col-3"> | <div class="wgrid-col-3"> | ||
− | <div style="height: | + | <div style="height: 125px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">Intel Coffee Lake</div> |
<p style="height: 100%; width: 100%;">[[File:wikichip-main-box-cfl.jpg|class=main_page_max|link=intel/microarchitectures/coffee_lake]]</p> | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-cfl.jpg|class=main_page_max|link=intel/microarchitectures/coffee_lake]]</p> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="wgrid-col-3"> | <div class="wgrid-col-3"> | ||
− | <div style="height: | + | <div style="height: 125px; overflow: hidden;"> |
− | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1. | + | <div style="float: left; color: #fff; background:rgba(0,0,0,0.5); line-height: 1.4; padding: 10px; font-size: 1.3em; font-weight: bold; position: absolute; z-index: 3;">AMD Rome</div> |
<p style="height: 100%; width: 100%;">[[File:wikichip-main-box-rome.jpg|class=main_page_max|link=amd/cores/rome]]</p> | <p style="height: 100%; width: 100%;">[[File:wikichip-main-box-rome.jpg|class=main_page_max|link=amd/cores/rome]]</p> | ||
</div> | </div> |
Latest revision as of 01:09, 12 December 2023
Popular Topics
Small Cores
Cloud Service Providers In-House
Other Topics