From WikiChip
Difference between revisions of "Template:main/popular articles"
< Template:main

(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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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: 150px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">Intel Spring Crest</div>
+
<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>
<!-- col2 -->
+
<!-- col3 -->
<div class="wgrid-col-4">
+
<div class="wgrid-col-3">
<div style="height: 150px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">Intel Spring Hill</div>
+
<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>
<!-- col3 -->
+
<!-- col4 -->
<div class="wgrid-col-4">
+
<div class="wgrid-col-3">
<div style="height: 150px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">IBM z15</div>
+
<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: 250px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">AMD Zen 2</div>
+
<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-zen2.jpg|class=main_page_max|link=amd/microarchitectures/zen_2]]</p>
+
<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: 250px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">Intel Cascade Lake</div>
+
<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: 110px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">Intel Ice Lake</div>
+
<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: 20px; height: 110px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">Intel Sunny Cove</div>
+
<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: 150px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">Arm Neoverse N1</div>
+
<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: 150px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">Arm Cortex-A77</div>
+
<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: 150px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">Intel Coffee Lake</div>
+
<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: 150px; overflow: hidden;">
+
<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.6em; font-weight: bold; position: absolute; z-index: 3;">AMD Rome</div>
+
<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
 
Arm Cortex-A510

wikichip-main-box-a510.png

 
Cloud Service Providers In-House
 
AWS Graviton4

wikichip-main-box-graviton4.png

 
Other Topics
Centaur CHA

wikichip-main-box-cha.jpg

Intel Spring Crest

wikichip-main-box-spring-crest.jpg

Intel Spring Hill

sph board.jpg

IBM z15

wikichip-main-box-z15.jpg

Intel Raptor Lake

wikichip-main-box-raptor-lake-s.jpg

Intel Cascade Lake

wikichip-main-box-clx.jpg

Intel Ice Lake

wikichip-main-box-icl.jpg

Intel Sunny Cove

wikichip-main-box-snc.jpg

Arm Neoverse N1

wikichip-main-box-n1.png

Arm Cortex-A77

wikichip-main-box-a77.png

Intel Coffee Lake

wikichip-main-box-cfl.jpg

AMD Rome

wikichip-main-box-rome.jpg