Widget 1  ·  Kozmos Time
Live Preview
000.00AT
Kozmos Time
kozmos.cc
Copy & Paste Code
<!-- Kozmos Time Widget -->
<div class="koz-time" style="display:inline-flex;flex-direction:column;align-items:center;border:1px solid #ccc;background:#fff;border-radius:4px;padding:14px 22px 12px;font-family:'DM Mono',monospace;min-width:180px;">
  <div style="font-size:36px;font-weight:300;letter-spacing:-0.02em;color:#111;font-variant-numeric:tabular-nums;line-height:1;">
    <span id="koz-t">000.00</span><span id="koz-s" style="font-size:15px;color:#111;margin-left:4px;">AT</span>
  </div>
  <div style="font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:#888;margin-top:6px;">Kozmos Time</div>
  <div style="font-size:8px;letter-spacing:0.15em;text-transform:uppercase;color:#bbb;margin-top:4px;">kozmos.cc</div>
</div>
<script>
(function(){
  var LAT=40.27,LNG=-78.92;
  function nthSun(y,m,n){var d=new Date(y,m,1),fs=d.getDay()===0?1:8-d.getDay();return new Date(y,m,fs+(n-1)*7).getTime();}
  function solar(ts){var JD=ts/86400000+2440587.5,n=JD-2451545,L=(280.46+0.9856474*n)%360,g=(357.528+0.9856003*n)%360*Math.PI/180,lam=(L+1.915*Math.sin(g)+0.02*Math.sin(2*g))*Math.PI/180,eps=(23.439-0.0000004*n)*Math.PI/180,sinD=Math.sin(eps)*Math.sin(lam),dec=Math.asin(sinD),cosH=(Math.sin(-0.8333*Math.PI/180)-Math.sin(LAT*Math.PI/180)*sinD)/(Math.cos(LAT*Math.PI/180)*Math.cos(dec));if(Math.abs(cosH)>1)return null;var H=Math.acos(cosH)*180/Math.PI,B=2*Math.PI/365*(n-81),EoT=9.87*Math.sin(2*B)-7.53*Math.cos(B)-1.5*Math.sin(B),sn=720-4*LNG-EoT,yr=new Date(ts).getFullYear(),dst=ts>=nthSun(yr,2,2)&&ts=s.sr&&m=s.nn&&m=s.ss?m-s.ss:m+(1440-s.ss);return since
      
Widget 2  ·  Kozmos Date
Live Preview
FEBRUA
2026
kozmos.cc
Copy & Paste Code
<!-- Kozmos Date Widget -->
<div style="display:inline-flex;flex-direction:column;align-items:center;border:1px solid #ccc;background:#fff;border-radius:4px;padding:14px 22px 12px;font-family:'DM Mono',monospace;min-width:180px;">
  <div id="koz-dm" style="font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:#888;">FEBRUA</div>
  <div id="koz-dd" style="font-size:48px;font-weight:300;color:#111;line-height:1.05;font-variant-numeric:tabular-nums;">—</div>
  <div id="koz-dy" style="font-size:12px;color:#888;letter-spacing:0.12em;">2026</div>
  <div style="font-size:8px;letter-spacing:0.15em;text-transform:uppercase;color:#bbb;margin-top:6px;">kozmos.cc</div>
</div>
<script>
(function(){
  var KM=[{n:'Februa',s:1},{n:'Maypril',s:74},{n:'Junly',s:147},{n:'Septogust',s:220},{n:'Nocember',s:293}];
  function doy(d){return Math.floor((d-new Date(d.getFullYear(),0,0))/86400000);}
  function kozDate(d){var dy=doy(d),nm='Nocember',dm=dy-292;for(var i=KM.length-1;i>=0;i--){if(dy>=KM[i].s){nm=KM[i].n;dm=dy-KM[i].s+1;break;}}return{m:nm,d:dm,y:d.getFullYear()};}
  function tick(){var k=kozDate(new Date());document.getElementById('koz-dm').textContent=k.m.toUpperCase();document.getElementById('koz-dd').textContent=k.d;document.getElementById('koz-dy').textContent=k.y;}
  tick();setInterval(tick,60000);
})();
</script>
Widget 3  ·  Combined Time & Date
Live Preview
000.00AT
— —, —
kozmos.cc
Copy & Paste Code
<!-- Kozmos Combined Widget -->
<div style="display:inline-flex;flex-direction:column;border:1px solid #ccc;background:#fff;border-radius:4px;overflow:hidden;font-family:'DM Mono',monospace;min-width:200px;">
  <div style="padding:12px 18px 10px;border-bottom:1px solid #eee;display:flex;flex-direction:column;align-items:center;">
    <div style="font-size:32px;font-weight:300;letter-spacing:-0.02em;color:#111;font-variant-numeric:tabular-nums;line-height:1;">
      <span id="koz-ct">000.00</span><span id="koz-cs" style="font-size:13px;color:#111;margin-left:4px;">AT</span>
    </div>
  </div>
  <div style="padding:10px 18px 12px;display:flex;flex-direction:column;align-items:center;">
    <div id="koz-cd" style="font-size:15px;color:#111;letter-spacing:0.03em;"></div>
    <div id="koz-cg" style="font-size:9px;color:#aaa;letter-spacing:0.1em;margin-top:3px;"></div>
    <div style="font-size:8px;letter-spacing:0.15em;text-transform:uppercase;color:#bbb;margin-top:6px;">kozmos.cc</div>
  </div>
</div>
<script>
(function(){
  var LAT=40.27,LNG=-78.92;
  var KM=[{n:'Februa',s:1},{n:'Maypril',s:74},{n:'Junly',s:147},{n:'Septogust',s:220},{n:'Nocember',s:293}];
  function nthSun(y,m,n){var d=new Date(y,m,1),fs=d.getDay()===0?1:8-d.getDay();return new Date(y,m,fs+(n-1)*7).getTime();}
  function solar(ts){var JD=ts/86400000+2440587.5,n=JD-2451545,L=(280.46+0.9856474*n)%360,g=(357.528+0.9856003*n)%360*Math.PI/180,lam=(L+1.915*Math.sin(g)+0.02*Math.sin(2*g))*Math.PI/180,eps=(23.439-0.0000004*n)*Math.PI/180,sinD=Math.sin(eps)*Math.sin(lam),dec=Math.asin(sinD),cosH=(Math.sin(-0.8333*Math.PI/180)-Math.sin(LAT*Math.PI/180)*sinD)/(Math.cos(LAT*Math.PI/180)*Math.cos(dec));if(Math.abs(cosH)>1)return null;var H=Math.acos(cosH)*180/Math.PI,B=2*Math.PI/365*(n-81),EoT=9.87*Math.sin(2*B)-7.53*Math.cos(B)-1.5*Math.sin(B),sn=720-4*LNG-EoT,yr=new Date(ts).getFullYear(),dst=ts>=nthSun(yr,2,2)&&ts=s.sr&&m=s.nn&&m=s.ss?m-s.ss:m+(1440-s.ss);return since=0;i--){if(dy>=KM[i].s){nm=KM[i].n;dm=dy-KM[i].s+1;break;}}return{m:nm,d:dm,y:d.getFullYear()};}
  function ord(n){var s=n%100;if(s>=11&&s<=13)return'th';var r=n%10;if(r===1)return'st';if(r===2)return'nd';if(r===3)return'rd';return'th';}
  function tick(){
    var now=new Date(),sec=now.getHours()*3600+now.getMinutes()*60+now.getSeconds()+now.getMilliseconds()/1000,md=sec/86400*1000,w=Math.floor(md),f=Math.floor((md%1)*100),mid=new Date(now.getFullYear(),now.getMonth(),now.getDate()).getTime(),s=solar(mid),k=kozDate(now);
    document.getElementById('koz-ct').textContent=String(w).padStart(3,'0')+'.'+String(f).padStart(2,'0');
    document.getElementById('koz-cs').textContent=period(now,s);
    document.getElementById('koz-cd').textContent=k.m+' '+k.d+ord(k.d)+', '+k.y;
    document.getElementById('koz-cg').textContent=now.toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});
  }
  tick();setInterval(tick,100);
})();
</script>