Calculator digital ~ Blogul lui Petre VitanBlogul lui Petre-Vitan

✨ PREVIZUALIZARE LIVE: Calculator Digital ✨
Script realizat de petre-vitan Faceți click în casetă pentru a selecta tot
<div style="background: #111; border: 2px solid #333; width: 100%; max-width: 400px; padding: 15px; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0,0,0,0.5); font-family: sans-serif; margin: 0 auto; box-sizing: border-box;">
  <!-- Realizat de petre-vitan -->
  <input type="text" id="ecran" readonly style="width: 100%; height: 50px; background: #222; border: 1px solid #444; color: #00ff88; font-family: monospace; font-size: 22px; text-align: center; padding: 5px; box-sizing: border-box; border-radius: 4px; display: block; margin: 0 auto 15px auto; outline: none;">
  <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;">
    <button onclick="tasta('7')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">7</button>
    <button onclick="tasta('8')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">8</button>
    <button onclick="tasta('9')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">9</button>
    <button onclick="tasta('/')" style="padding: 15px; background: #ff9f0a; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">/</button>
    <button onclick="tasta('4')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">4</button>
    <button onclick="tasta('5')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">5</button>
    <button onclick="tasta('6')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">6</button>
    <button onclick="tasta('*')" style="padding: 15px; background: #ff9f0a; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">*</button>
    <button onclick="tasta('1')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">1</button>
    <button onclick="tasta('2')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">2</button>
    <button onclick="tasta('3')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">3</button>
    <button onclick="tasta('-')" style="padding: 15px; background: #ff9f0a; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">-</button>
    <button onclick="clearScr()" style="padding: 15px; background: #ff3b30; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">C</button>
    <button onclick="tasta('0')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">0</button>
    <button onclick="total()" style="padding: 15px; background: #28a745; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">=</button>
    <button onclick="tasta('+')" style="padding: 15px; background: #ff9f0a; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">+</button>
  </div>
</div>
<script>
// Realizat de petre-vitan
function tasta(v) { document.getElementById('ecran').value += v; }
<div style='clear: both;'></div>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>Niciun comentariu:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div id='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Trimiteți un comentariu</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/8048040102194034766?pa=6983852816508708564&hl=ro&saa=85391&origin=https://petrevitanblog.blogspot.com' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
    </script>
</div>
</p>
</div>
</div>

        </div></div>
      
</div>
<div class='blog-pager' id='blog-pager'>
<a class='home-link' href='https://petrevitanblog.blogspot.com/'>Pagina de pornire</a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML16'>
<div class='widget-content'>
<script type='text/javascript'> /*<![CDATA[*/ var postperpage=5; var numshowpage=6; var upPageWord ='« Inapoi'; var downPageWord ='Urmatoarea pagina »'; var urlactivepage=location.href; var home_page="/"; /*]]>*/ </script> <script type='text/javascript'> /*<![CDATA[*/ var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+=' ... '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+='🔷'}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat} /*]]>*/ </script>  
  
  
  
  <style>
#blog-pager {overflow: visible} .showpageOf {display:none} span.showpagePoint { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding:6px 10px; margin: 0 .2em; border: 1px solid #e6e6e6; border-radius: 3px; background-color: #006699; border-color: #000; color: #ffffff; pointer-events: none; } span.showpageNum, span.showpage { margin: 0 .2em; } .showpageNum a, .showpage a { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 6px 10px; border: 1px solid #000; border-radius: 3px;  text-decoration: none;  background: #232323; color: #999;   font-family: Arial, Times, serif;}

.showpageNum a:hover{
    background: #006712;
    color: #fff;
        box-shadow: inset 0px 0px 10px rgb(117 113 113 / 31%);
    }
  
  </style>
</div>
<div class='clear'></div>
</div></div>
</div>
<div id='rsidebar-wrapper'>
<div style='clear:both;'></div>
<div class='sidebarpbt section' id='rsidebartop' name='Top Sidebar'>
<div class='widget HTML' data-version='1' id='HTML11'>
<h2 class='title'>Articole aleatorii</h2>
<div class='widget-content'>
<style type="text/css">
.bcd140526_post_feed li.item {
    display: block;
    clear: both;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px dotted #006699;
}
.bcd140526_post_feed ul {
    margin: 0;
    padding: 0;
}
.bcd140526_post_feed li.item.item-0 {
    margin: 0;
    padding: 0;
    border: none;
}
.bcd140526_post_feed li.item h3.title {
    display: block;
    margin: 0 0 5px 0;
}

.bcd140526_post_feed li.item div.meta {
    font-size: 11px;
    color: #999;
	margin: 0 0 5px 0;
}
.bcd140526_post_feed li.item div.meta .meta-item {
    display: inline-block;
	*display: inline;
	zoom: 1;
    margin: 0 1em 0 0;
}
.bcd140526_post_feed li.item p.snippet {
    line-height: 20px;
	margin: 0;
}
.bcd140526_post_feed.list a.thumbnail {
    margin: 0 7px 7px 0;
    float: left;
    display: block;
    line-height: 1;
	/*
    width: 48px;
    height: 48px;
	*/
    overflow: hidden;
    position: relative;
border: 4px solid #0094d7;
border-radius: 4px;
	padding:3px 3px 3px 3px;


}
.bcd140526_post_feed.list a.thumbnail:hover {
border: 4px solid #d57a02;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.bcd140526_post_feed.list a.thumbnail img {
    width: 100%;
    height: 100%;
}
.bcd140526_post_feed li.item a.cate {
    display: block;
    margin: 0 0 5px 0;
}
div.bcd140526_post_feed.column a.thumbnail {
    display: block;
    width: 100%;
    line-height: 1;
    margin: 0 0 5px 0;
}
div.bcd140526_post_feed.column a.thumbnail img {
    width: 100%;
    height: auto;
}
</style>
<script type="text/javascript">
/*
Blogger Random - Recent - Specific Label Posts Widget - All in One Post Feed Widget
Link: https://sneeit.com/blogger-random-recent-specific-label-posts-widget-all-in-one-post-feed-widget/
Author: Tien Nguyen
Version: 1.7
*/
var bcd140526_show_thumbnail = true;/*bcd140526_show_thumbnail*/
var bcd140526_show_label = false;/*bcd140526_show_label*/
var bcd140526_show_comment_numbers = false;/*bcd140526_show_comment_numbers*/
var bcd140526_show_date = false;/*bcd140526_show_date*/
var bcd140526_show_author_name = false;/*bcd140526_show_author_name*/
var bcd140526_show_readmore = false;/*bcd140526_show_readmore*/
var bcd140526_show_snippet = true;/*bcd140526_show_snippet*/
var bcd140526_hide_copyright = true;/*bcd140526_hide_copyright*/
var bcd140526_snippet_length = 150;/*bcd140526_snippet_length*/
var bcd140526_post_count = 6;/*bcd140526_post_count*/
var bcd140526_thumbnail_size = 50;// v1.5, only effect with list style/*bcd140526_thumbnail_size*/
var bcd140526_sort_by = 'random'; // latest or random/*bcd140526_sort_by*/
var bcd140526_index_label = '';/*bcd140526_index_label*/
var bcd140526_design_style = 'list';// list or column/*bcd140526_design_style*/
var bcd140526_date_format = 'dd/mm/yyyy';/*bcd140526_date_format*/
var lang_readmore = 'Citeste pana la capat';/*lang_readmore*/
var HOST = '';/*HOST*/
function bcd140526_bi_script(b){document.write('<script type="text/javascript" src="'+b+'">\x3c/script>')}function bi_date_format(b,a){b=b.split("-");date=new Date(b[0],b[1]-1,b[2].substring(0,2));dd=date.getDate();mm=date.getMonth()+1;yyyy=date.getFullYear();a=a.replace("dd",dd);a=a.replace("mm",mm);return a=a.replace("yyyy",yyyy)}
function bi_get_first_image(b){var a="",d='src="',c='"';index0=b.indexOf("<img ");-1!=index0&&(index1=b.indexOf(d,index0),-1!=index0&&(index2=b.indexOf(c,index1+d.length),-1!=index0&&(a=b.substring(index1+d.length,index2))));""==a&&(d='"',index0=b.indexOf('data-thumbnail-src="'),-1!=index0&&(index1=b.indexOf(d,index0+20),-1!=index0&&(a=b.substring(index0+20,index1))));""==a&&(d='src="',c='"',index0=b.indexOf("<iframe "),-1!=index0&&(index1=b.indexOf(d,index0),-1!=index0&&(index2=b.indexOf(c,index1+
d.length),-1!=index0&&(a=b.substring(index1+d.length,index2),a=a.replace("http://www.youtube.com/watch?v=",""),a=a.replace("http://www.youtube.com/embed/",""),a=a.replace("?rel=0",""),a="http://img.youtube.com/vi/"+a+"/mqdefault.jpg"))));return a}
function bcd140526_bi_jshort(b){var a={},d=/<\S[^>]*>/g;a.id=b.feed.id.$t;key="blog-";index=a.id.indexOf(key);a.id=a.id.substring(index+key.length);a.id=a.id.replace(".comments","");a.cate=[];if("category"in b.feed)for(i=0;i<b.feed.category.length;i++)a.cate[i]=b.feed.category[i].term;a.title="";"title"in b.feed&&(a.title=b.feed.title.$t);a.subtitle="";"subtitle"in b.feed&&(a.subtitle=b.feed.subtitle.$t);a.admin={};a.admin.name="Anonymous";a.admin.uri="";a.admin.avatar="http://img1.blogblog.com/img/anon36.png";
"name"in b.feed.author[0]&&(a.admin.name=b.feed.author[0].name.$t);"uri"in b.feed.author[0]&&(a.admin.uri=b.feed.author[0].uri.$t);"gd$image"in b.feed.author[0]&&"http://img1.blogblog.com/img/blank.gif"!=b.feed.author[0].gd$image.src&&(a.admin.avatar=b.feed.author[0].gd$image.src);a.total_entry=Number(b.feed.openSearch$totalResults.$t);a.start_index=Number(b.feed.openSearch$startIndex.$t);a.item_per_page=Number(b.feed.openSearch$itemsPerPage.$t);a.entry_number=0;"entry"in b.feed&&(a.entry_number=
b.feed.entry.length);a.entry=[];for(i=0;i<a.entry_number;i++){a.entry[i]={};temp={};entry=b.feed.entry[i];temp.id=entry.id.$t;key="post-";index=temp.id.indexOf(key);temp.id=temp.id.substring(index+key.length);temp.published="";"published"in entry&&(temp.published=entry.published.$t);temp.cate=[];if("category"in entry)for(j=0;j<entry.category.length;j++)temp.cate[j]=entry.category[j].term;temp.title="";"title"in entry&&(temp.title=entry.title.$t);temp.content="";"content"in entry&&(temp.content=entry.content.$t);
temp.summary="";"summary"in entry&&(temp.summary=entry.summary.$t);""==temp.summary&&(temp.summary=temp.content.replace(d,""));""==temp.content&&(temp.content=temp.summary);temp.link="";temp.reply_label="comments";if("link"in entry)for(j=0;j<entry.link.length;j++)"alternate"==entry.link[j].rel&&(temp.link=entry.link[j].href),"replies"==entry.link[j].rel&&(temp.reply_label=entry.link[j].title);temp.author={};temp.author.name="Anonymous";temp.author.uri="";temp.author.avatar="http://img1.blogblog.com/img/anon36.png";
a0=entry.author[0];"name"in a0&&(temp.author.name=a0.name.$t);"uri"in a0&&(temp.author.uri=a0.uri.$t);"gd$image"in a0&&"http://img1.blogblog.com/img/blank.gif"!=a0.gd$image.src&&(temp.author.avatar=a0.gd$image.src);temp.thumbnail="";"media$thumbnail"in entry&&(temp.thumbnail=entry.media$thumbnail.url);temp.reply_number=0;"thr$total"in entry&&(temp.reply_number=Number(entry.thr$total.$t));temp.reply_label=temp.reply_label.replace(temp.reply_number+" ","");temp.reply_to="";temp.reply_json="";temp.reply_title=
"";"thr$in-reply-to"in entry&&(temp.reply_to=entry["thr$in-reply-to"].href,temp.reply_json=entry["thr$in-reply-to"].source,temp.reply_json=temp.reply_json.replace("/default/","/summary/"),temp.reply_json+="?alt=json-in-script");temp.pid="";if("gd$extendedProperty"in entry)for(j=0;j<entry.gd$extendedProperty.length;j++)"blogger.itemClass"==entry.gd$extendedProperty[j].name&&(temp.pid=entry.gd$extendedProperty[j].value);temp.pid=temp.pid.replace("pid-","");a.entry[i]=temp}return a}
"undefined"==typeof jquery_included&&(jquery_included=!1);
function jquery_init(){if("undefined"==typeof jQuery){if(!jquery_included){jquery_included=!0;var b=document.createElement("script");b.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js");b.setAttribute("type","text/javascript");document.getElementsByTagName("head")[0].appendChild(b)}setTimeout(function(){jquery_init()},50)}else $('link[href*="font-awesome.css"]').length||(b=document.createElement("link"),b.setAttribute("href","http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"),
b.setAttribute("rel","stylesheet"),document.getElementsByTagName("head")[0].appendChild(b))}jquery_init();function echo(b){document.write(b)}
function bcd140526_show(b){b=bcd140526_bi_jshort(b);var a="";if(b.total_entry){a+='<div class="bcd140526_post_feed '+bcd140526_design_style+" "+(bcd140526_show_thumbnail?"thumb":"no-thumb")+'"><ul>';for(var d=0;d<b.total_entry&&d<bcd140526_post_count;d++){p=b.entry[d];a+='<li class="item item-'+d+'">';p.thumbnail||(p.thumbnail=bi_get_first_image(p.content));if(bcd140526_show_thumbnail&&p.thumbnail){if("column"===bcd140526_design_style){var c=p.thumbnail;-1!=c.indexOf("/s72-c/")?c=c.replace("/s72-c/",
"/s1600/"):-1!=c.indexOf("=s72-c")?c=c.replace("=s72-c","=s1600-c"):-1!=c.indexOf("youtube.com")&&-1!=c.indexOf("/default.")&&(c=c.replace("/default.","/mqdefault."))}else c=p.thumbnail,-1!=c.indexOf("/s72-c/")?c=c.replace("/s72-c/","/s"+bcd140526_thumbnail_size+"-c/"):-1!=c.indexOf("=s72-c")?c=c.replace("=s72-c","=s"+bcd140526_thumbnail_size+"-c"):-1!=c.indexOf("youtube.com")&&-1!=c.indexOf("/default.")&&(c=c.replace("/default.","/mqdefault."));p.thumbnail=c;a+='<a class="thumbnail" style="width:'+
bcd140526_thumbnail_size+"px;height:"+bcd140526_thumbnail_size+'px;" href="'+p.link+'"><img src="'+p.thumbnail+'"/></a>'}a+='<div class="item-body">';bcd140526_show_label&&"undefined"!=typeof p.cate[0]&&(a+='<a class="cate" href="'+HOST+"/search/label/"+p.cate[0]+'">'+p.cate[0]+"</a>");a+='<h3 class="title"><a href="'+p.link+'">'+p.title+"</a></h3>";if(bcd140526_show_author_name||bcd140526_show_comment_numbers||bcd140526_show_date)a+='<div class="meta">',bcd140526_show_author_name&&(a+='<span class="meta-item author-name"><i class="fa fa-user"></i> '+
p.author.name+"</span>"),bcd140526_show_comment_numbers&&(a+='<span class="meta-item comment-number"><i class="fa fa-comment"></i> '+p.reply_number+"</span>"),bcd140526_show_comment_numbers&&(a+='<span class="meta-item date-time"><i class="fa fa-clock-o"></i> '+bi_date_format(p.published,bcd140526_date_format)+"</span>"),a+='<div style="clear:both!important;float:none;!important;line-height:0!important"></div></div><div style="clear:both!important;float:none;!important;line-height:0!important"></div>';
bcd140526_show_snippet&&(p.summary.length>bcd140526_snippet_length&&(p.summary=p.summary.substring(0,bcd140526_snippet_length)+"..."),bcd140526_show_readmore&&(p.summary+=' <a href="'+p.link+'#more">'+lang_readmore+"</a>"),a+='<p class="snippet">'+p.summary+"</p>");a+='<div style="clear:both!important;float:none;!important;line-height:0!important"></div></div><div style="clear:both!important;float:none;!important;line-height:0!important"></div>';a+="</li>"}a+="</ul>";bcd140526_hide_copyright||(a+=
'<div style="clear:both!important;float:none;!important;line-height:0!important"></div><a target="_blank" class="copyright" href="https://sneeit.com/blogger-random-recent-specific-label-posts-widget-all-in-one-post-feed-widget/" style="font-size: 11px!important;text-align:right;visibility: visible;!important;text-indent:0!important;height:auto!important;width:100%!important;position:static!important;color:#999!important;display:block!important;opacity:1!important;">BloggerWidget</a>');a+='</div><div style="clear:both!important;float:none;!important;line-height:0!important"></div>'}else a+=
"<p><em>Have no posts</em></p>";echo(a)}
function bcd140526_main(b){"random"==bcd140526_sort_by?(b=bcd140526_bi_jshort(b),rand=Math.floor(Math.random()*b.total_entry+1),rand+bcd140526_post_count>b.total_entry&&(rand=b.total_entry-bcd140526_post_count+1),1>rand&&(rand=1),b=HOST+"/feeds/posts/default",bcd140526_index_label&&(b+="/-/"+encodeURIComponent(bcd140526_index_label)),b+="?alt=json-in-script&max-results="+bcd140526_post_count+"&start-index="+rand+"&callback=bcd140526_show",bcd140526_bi_script(b)):bcd140526_show(b)}
var script_url=HOST+"/feeds/posts/default";bcd140526_index_label&&(script_url+="/-/"+encodeURIComponent(bcd140526_index_label));script_url+="?alt=json-in-script";script_url="random"==bcd140526_sort_by?script_url+"&max-results=0":script_url+("&max-results="+bcd140526_post_count);script_url+="&callback=bcd140526_main";bcd140526_bi_script(script_url);

</script>
</div>
<div class='clear'></div>
</div></div>
<div style='clear:both;'></div>
<div class='widget-container'>
<div class='tabviewsection'>
<script type='text/javascript'>
jQuery(document).ready(function($){
    $(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
    $("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show();
    $(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show();

    $("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function() {
        $("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a"); 
        $(this).addClass("tabs-widget-current"); 
        $(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide(); 
        var activeTab = $(this).attr("href"); 
        $(activeTab).fadeIn();
        return false;
    });
});
</script>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<div class='sidebarpbt section' id='sidebartab1' name='Tab 1'><div class='widget HTML' data-version='1' id='HTML3'>
<h2 class='title'>De unde avem vizite?</h2>
<div class='widget-content'>
<center><a href="https://info.flagcounter.com/nkrJ"><img src="https://s11.flagcounter.com/count2/nkrJ/bg_2B2B2B/txt_EBEBEB/border_000000/columns_3/maxflags_100/viewers_3/labels_1/pageviews_0/flags_0/percent_0/" alt="Flag Counter" border="0" /></a>
</center>
</div>
<div class='clear'></div>
</div></div>
</div>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<div class='sidebarpbt no-items section' id='sidebartab2' name='Tab 2'></div>
</div>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<div class='sidebarpbt section' id='sidebartab3' name='Tab 3'><div class='widget BlogArchive' data-version='1' id='BlogArchive2'>
<h2>Arhivă blog</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive2_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2026/'>2026</a>
<span class='post-count' dir='ltr'>(33)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2026/06/'>iunie</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2026/05/'>mai</a>
<span class='post-count' dir='ltr'>(14)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2026/04/'>aprilie</a>
<span class='post-count' dir='ltr'>(7)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2026/03/'>martie</a>
<span class='post-count' dir='ltr'>(6)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2026/02/'>februarie</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2026/01/'>ianuarie</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

          ► 
        
</span>
</a>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2025/'>2025</a>
<span class='post-count' dir='ltr'>(16)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2025/12/'>decembrie</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2025/11/'>noiembrie</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2025/10/'>octombrie</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2025/04/'>aprilie</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2025/03/'>martie</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2025/01/'>ianuarie</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

          ► 
        
</span>
</a>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/'>2024</a>
<span class='post-count' dir='ltr'>(187)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/12/'>decembrie</a>
<span class='post-count' dir='ltr'>(6)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/11/'>noiembrie</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/10/'>octombrie</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/09/'>septembrie</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/08/'>august</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/07/'>iulie</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/06/'>iunie</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/05/'>mai</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/04/'>aprilie</a>
<span class='post-count' dir='ltr'>(11)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/03/'>martie</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/02/'>februarie</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='https://petrevitanblog.blogspot.com/2024/01/'>ianuarie</a>
<span class='post-count' dir='ltr'>(150)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div></div>
</div>
</div>
</div>
<div style='height:5px;clear:both;'></div>
<div class='sidebarpbt section' id='sidebarright' name='Main Sidebar'><div class='widget HTML' data-version='1' id='HTML13'>
<div class='widget-content'>
<div class="block">
<a href="https://nurilusa1965.blogspot.com/" target="_blank"><div class="ileana">BLOGUL LUI ILEANA</div></a></div>
<br />
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML4'>
<h2 class='title'>Bine de stiut</h2>
<div class='widget-content'>
<div class="citat"><center>
Cand iti este dor de cineva sa nu inchizii ochii. Are sa-ti fie si mai dor!

<img src="https://i.imgur.com/tpWUaO8.jpeg" /></center></div>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML15'>
<div class='widget-content'>
<div class="sidebar-social-container">
  
  <!-- Buton YouTube -->
  <a href="https://www.youtube.com/@Petre-Vitan" target="_blank" title="YouTube" class="caseta-sociala hov-yt">
    <span class="simbol-text">►</span> <span class="text-social">YOUTUBE</span>
  </a>
  
  <!-- Buton TikTok -->
  <a href="https://www.tiktok.com/@petreikirp2" target="_blank" title="TikTok" class="caseta-sociala hov-tt">
    <span class="simbol-text">♫</span> <span class="text-social">TIKTOK</span>
  </a>

</div>

<style>
/* Containerul fixat la lățimea de 300px */
.sidebar-social-container {
  width: 290px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important; 
  gap: 8px !important; 
  background: transparent !important;
  padding: 0 !important;
  margin: 0 auto !important; /* Centrare în sidebar */
}

/* Chenarul exterior pentru fiecare buton */
.sidebar-social-container .caseta-sociala {
  width: 100% !important;
  height: 52px !important; 
  display: flex !important;
  align-items: center !important;     
  justify-content: center !important; 
  box-sizing: border-box !important;
  background-color: #1a1a1a !important; 
  border: 1px solid #444444 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Stilul simbolului din stânga */
.sidebar-social-container .simbol-text {
  font-size: 18px !important;
  margin-right: 10px !important; 
  display: inline-block !important;
  line-height: 1 !important;
}

/* Structura textului principal */
.sidebar-social-container .text-social {
  font-family: 'Constantia', 'Georgia', Times, serif !important; 
  font-size: 20px !important;          
  font-weight: bold !important;        
  letter-spacing: 3px !important;      
  text-transform: uppercase !important;
  display: inline-block !important;
}

/* ==========================================================================
   CULORI INIȚIALE (STARE NORMALĂ)
   ========================================================================== */
.sidebar-social-container .hov-yt {
  color: #ff0000 !important; /* Roșu complet */
}
.sidebar-social-container .hov-tt {
  color: #00f2fe !important; /* Turcoaz complet */
}

/* ==========================================================================
   EFECTE DE HOVER (TEXTUL DEVINE ALB + GLOW PERSONALIZAT)
   ========================================================================== */

/* Hover YouTube - Umbră roșie */
.sidebar-social-container .hov-yt:hover {
  color: #ffffff !important; 
  background-color: #221215 !important; 
  border-color: #ff0000 !important;
  box-shadow: 0 5px 15px rgba(255, 0, 0, 0.5) !important; 
  transform: translateY(-2px) !important; 
}

/* Hover TikTok - 🛠️ MODIFICARE CHEIE: Umbră turcoaz neon matching cu logo-ul */
.sidebar-social-container .hov-tt:hover {
  color: #ffffff !important; 
  background-color: #112024 !important; /* Fundal discret cu tentă turcoaz închis */
  border-color: #00f2fe !important;      /* Rama devine turcoaz neon */
  box-shadow: 0 5px 15px rgba(0, 242, 254, 0.4) !important; /* Umbră cu culoarea scrisului */
  transform: translateY(-2px) !important;
}
</style>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML19'>
<h2 class='title'>Meteo</h2>
<div class='widget-content'>
<!-- ELEMENTUL DE ANCORARE OBLIGATORIU ÎN PAGINĂ -->
<div id="meteo-widget-container"></div>

<!-- DESIGN CENTRAT ȘI CORECTAT (SIDEBAR 290PX) -->
<style>
.meteo-container-injectat { 
    width: 100% !important; 
    max-width: 290px !important;
    background: #232323 !important;
    border: 1px solid #2d2d2d;
    margin: 5px auto !important; 
    font-family: Tahoma, Geneva, sans-serif;
    color: #05a0a1; 
    box-sizing: border-box; 
    border-radius: 4px;
    padding: 10px 12px !important;
    /* ACEIAȘI UMBRĂ DISCRETĂ APLICATĂ ACUM ȘI PE TOT CHENARUL */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease-in-out !important;
}
.meteo-container-injectat:hover {
    /* UMBRĂ SUBTIL MAI INTENSĂ LA HOVER PENTRU EFECT DE PROFUNZIME */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6) !important;
}
.meteo-continut-flexibil {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.meteo-zona-centrata {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 6px !important;
}
.meteo-selector-oras {
    background: #2d2d2d !important;
    color: #0b98ff !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border: 1px solid #3a3a3a;
    padding: 4px 6px !important;
    cursor: pointer !important;
    outline: none !important;
    border-radius: 3px !important;
    width: 100% !important;
    text-align: center !important;
    /* UMBRA CASETULUI SE POTRIVEȘTE PERFECT ACUM CU CEA A CHENARULUI GENERAL */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: border-color 0.2s ease;
}
.meteo-selector-oras:hover {
    border-color: #0b98ff !important;
}
.meteo-selector-oras option {
    background: #232323 !important;
    color: #fff !important;
}
.meteo-grup-temperatura {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-bottom: 2px !important;
}
.meteo-temp-valoare {
    font-size: 16px !important; 
    font-weight: bold !important;
    color: #ffffff !important;
}
.meteo-rand-detalii {
    font-size: 11px !important;
    color: #aaaaaa !important;
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
}
.meteo-linie-orizontala {
    border: 0 !important;
    height: 1px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    margin: 1px 0 !important;
    width: 100% !important;
}
</style>

<!-- MOTORUL JAVASCRIPT LIVE -->
<script>
var dateOraseMeteo = {
    "alba_iulia": { nume: "🏰 Alba Iulia", lat: 46.0733, lon: 23.5805, fMin: 14, fMax: 24, fCod: 3 },
    "arad": { nume: "🏛️ Arad", lat: 46.1833, lon: 21.3167, fMin: 15, fMax: 25, fCod: 3 },
    "bacau": { nume: "✈️ Bacău", lat: 46.5667, lon: 26.9167, fMin: 14, fMax: 25, fCod: 80 },
    "baia_mare": { nume: "🌲 Baia Mare", lat: 47.6575, lon: 23.5683, fMin: 13, fMax: 23, fCod: 3 },
    "brasov": { nume: "⛰️ Brașov", lat: 45.65, lon: 25.6056, fMin: 11, fMax: 21, fCod: 80 },
    "bucuresti": { nume: "🏛️ București", lat: 44.4323, lon: 26.1063, fMin: 15, fMax: 26, fCod: 95 },
    "buzau": { nume: "🍇 Buzău", lat: 45.1516, lon: 26.8165, fMin: 15, fMax: 26, fCod: 95 },
    "cluj": { nume: "🎓 Cluj-Napoca", lat: 46.7712, lon: 23.6236, fMin: 13, fMax: 23, fCod: 3 },
    "constanta": { nume: "🌊 Constanța", lat: 44.1833, lon: 28.65, fMin: 17, fMax: 23, fCod: 3 },
    "craiova": { nume: "🦁 Craiova", lat: 44.3333, lon: 23.8167, fMin: 15, fMax: 26, fCod: 80 },
    "galati": { nume: "⚓ Galați", lat: 45.45, lon: 28.05, fMin: 16, fMax: 26, fCod: 80 },
    "iasi": { nume: "⛪ Iași", lat: 47.1622, lon: 27.6014, fMin: 14, fMax: 25, fCod: 80 },
    "oradea": { nume: "☕ Oradea", lat: 47.0465, lon: 21.9189, fMin: 14, fMax: 24, fCod: 3 },
    "pitesti": { nume: "🚗 Pitești", lat: 44.8565, lon: 24.8697, fMin: 14, fMax: 24, fCod: 95 },
    "ploiesti": { nume: "🔥 Ploiești", lat: 44.95, lon: 26.0167, fMin: 14, fMax: 25, fCod: 95 },
    "sibiu": { nume: "👀 Sibiu", lat: 45.7928, lon: 24.152, fMin: 12, fMax: 22, fCod: 3 },
    "suceava": { nume: "👑 Suceava", lat: 47.6333, lon: 26.25, fMin: 12, fMax: 23, fCod: 80 },
    "targu_mures": { nume: "🎭 Târgu Mureș", lat: 46.5425, lon: 24.5575, fMin: 13, fMax: 23, fCod: 3 },
    "timisoara": { nume: "🎨 Timișoara", lat: 45.7537, lon: 21.2257, fMin: 15, fMax: 26, fCod: 3 },
    "valcea": { nume: "💧 Râmnicu Vâlcea", lat: 45.1047, lon: 24.3633, fMin: 14, fMax: 24, fCod: 80 },
    "varful_omu": { nume: "❄️ Vârful Omu", lat: 45.4456, lon: 25.4542, fMin: 2, fMax: 7, fCod: 45 }
};

function genereazaMeteoBucurestiInteligent(orasCheie) {
    var orasCurent = orasCheie || "bucuresti";
    var orasSelectat = dateOraseMeteo[orasCurent];
    var oraAcum = new Date().getHours();

    var urlAPI = "https://open-meteo.com?" +
                 "latitude=" + orasSelectat.lat + 
                 "&longitude=" + orasSelectat.lon +
                 "¤t=temperature_2m,is_day,weather_code" +
                 "&daily=temperature_2m_max,temperature_2m_min" +
                 "&timezone=Europe%2FBucharest";

    fetch(urlAPI)
        .then(function(raspuns) {
            if (!raspuns.ok) throw new Error();
            return raspuns.json();
        })
        .then(function(date) {
            var tempCurenta = Math.round(date.current.temperature_2m);
            var tempMax = Math.round(date.daily.temperature_2m_max || orasSelectat.fMax); 
            var tempMin = Math.round(date.daily.temperature_2m_min || orasSelectat.fMin); 
            var cod = date.current.weather_code;
            var esteZi = date.current.is_day;

            afiseazaStructuraHTML(orasCurent, tempCurenta, tempMax, tempMin, cod, esteZi);
        })
        .catch(function() {
            var tempAproximata = Math.round((orasSelectat.fMax + orasSelectat.fMin) / 2);
            if (oraAcum > 14 && oraAcum < 18) tempAproximata = orasSelectat.fMax;
            if (oraAcum >= 22 || oraAcum <= 6) tempAproximata = orasSelectat.fMin;
            
            afiseazaStructuraHTML(orasCurent, tempAproximata, orasSelectat.fMax, orasSelectat.fMin, orasSelectat.fCod, 1);
        });
}

function afiseazaStructuraHTML(orasCurent, tempCurenta, tempMax, tempMin, cod, esteZi) {
    var iconHTML = esteZi === 0 ? "🌙" : "☀️";

    if (cod >= 1 && cod <= 3) { iconHTML = "⛅"; }
    else if (cod >= 45 && cod <= 48) { iconHTML = "🌫️"; }
    else if (cod >= 51 && cod <= 67) { iconHTML = "🌧️"; }
    else if (cod >= 71 && cod <= 77) { iconHTML = "❄️"; }
    else if (cod >= 80 && cod <= 82) { iconHTML = "🌦️"; }
    else if (cod >= 95 && cod <= 99) { iconHTML = "⛈️"; }

    var semnTemperatura = tempCurenta > 0 ? "+" : "";
    var textTemperaturaComplet = semnTemperatura + tempCurenta + '°C';
    var textMin = (tempMin > 0 ? "+" : "") + tempMin;
    var textMax = (tempMax > 0 ? "+" : "") + tempMax;

    var selectHTML = '<select class="meteo-selector-oras" onchange="genereazaMeteoBucurestiInteligent(this.value)">';
    for (var cheie in dateOraseMeteo) {
        var opțiuneSelectată = (cheie === orasCurent) ? ' selected' : '';
        selectHTML += '<option value="' + cheie + '"' + opțiuneSelectată + '>' + dateOraseMeteo[cheie].nume + '</option>';
    }
    selectHTML += '</select>';

    var structuraFinalaHTML = 
        '<div class="meteo-container-injectat">' +
            '<div class="meteo-continut-flexibil">' +
                '<div class="meteo-zona-centrata">' +
                    '<div>' + selectHTML + '</div>' +
                    '<div class="meteo-grup-temperatura">' +
                        '<span style="font-size:18px; line-height:1;">' + iconHTML + '</span>' +
                        '<span class="meteo-temp-valoare">' + textTemperaturaComplet + '</span>' +
                    '</div>' +
                '</div>' +
                '<hr class="meteo-linie-orizontala">' +
                '<div class="meteo-rand-detalii">' +
                    '<span>Minim: <span style="color:#a1d99b; font-weight:bold;">' + textMin + '°</span></span>' +
                    '<span>Maxim: <span style="color:#ff9e9e; font-weight:bold;">' + textMax + '°</span></span>' +
                '</div>' +
            '</div>' +
        '</div>';

    document.getElementById("meteo-widget-container").innerHTML = structuraFinalaHTML;
}

window.addEventListener('DOMContentLoaded', function() {
    genereazaMeteoBucurestiInteligent("bucuresti");
});
</script>
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<!-- end content-wrapper -->
<div style='clear:both;'></div>
<div id='footer-widgets-container'>
<div class='clearfix' id='footer-widgets'>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<div class='footersec no-items section' id='footersec1' name='Footer 1'></div>
</li>
</ul>
</div>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<div class='footersec no-items section' id='footersec2' name='Footer 2'></div>
</li>
</ul>
</div>
<div class='footer-widget-box footer-widget-box-last'>
<ul class='widget-container'>
<li>
<div class='footersec no-items section' id='footersec3' name='Footer 3'></div>
</li>
</ul>
</div>
</div>
</div>
<div style='clear:both;'></div>
<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<div class='lowerbar no-items section' id='lowerbar1'></div>
</div>
<div id='lowerbar-wrapper'>
<div class='lowerbar section' id='lowerbar2'><div class='widget HTML' data-version='1' id='HTML18'>
<div class='widget-content'>
<!-- CANVAS PENTRU EFECTUL DE EXPLOZIE ȘI UNDĂ DE ȘOC LA CLICK -->
<canvas id="canvas-explozie-soc" style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 999999;"></canvas>

<script>
(function() {
  var canvas = document.getElementById('canvas-explozie-soc');
  var ctx = canvas.getContext('2d');
  var particule = [];
  var undeSoc = []; // Listă specială pentru stocarea undelor de șoc circulare

  var culoriVii = [
    '#00f6ff', // Turcoaz electric
    '#03d16a', // Verde neon aprins
    '#ff007f', // Roz neon tăios
    '#ffea00', // Galben solar intens
    '#ff5722', // Portocaliu acid
    '#8f003c', // Vișiniu
    '#9d00ff', // Violet electric
    '#ffffff'  // Alb incandescent
  ];

  function reancadreazaCanvas() {
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
  }
  window.addEventListener('resize', reancadreazaCanvas);
  reancadreazaCanvas();

  // === STRUCTURA PENTRU UNDA DE ȘOC CIRCULARĂ ===
  function UndaSoc(x, y) {
    this.x = x;
    this.y = y;
    this.raza = 5; // Începe mică din centru
    this.vitezaExpansiune = 12; // Viteza fulgerătoare de dilatare
    this.alfa = 1;
    this.degradare = 0.04; // Se dizolvă extrem de rapid în aer
    this.culoare = culoriVii[Math.floor(Math.random() * culoriVii.length)];
    this.grosimeLinie = 3; // Grosimea inelului de foc
  }

  UndaSoc.prototype.update = function() {
    this.raza += this.vitezaExpansiune;
    this.vitezaExpansiune *= 0.92; // Încetinire fină spre margini
    this.grosimeLinie *= 0.94; // Inelul se subțiază pe măsură ce se extinde
    this.alfa -= this.degradare;
  };

  UndaSoc.prototype.draw = function() {
    if (this.alfa <= 0) return;
    ctx.save();
    ctx.globalAlpha = this.alfa;
    ctx.beginPath();
    ctx.arc(this.x, this.y, this.raza, 0, Math.PI * 2);
    ctx.strokeStyle = this.culoare;
    ctx.lineWidth = this.grosimeLinie;
    
    // Glow intens pentru inelul de energie
    ctx.shadowBlur = 20;
    ctx.shadowColor = this.culoare;
    
    ctx.stroke();
    ctx.restore();
  };

  // === STRUCTURA PENTRU SCÂNTEI ȘI FUM ===
  function ParticulaMegaExplozie(x, y, tip) {
    this.x = x;
    this.y = y;
    this.tip = tip;
    var unghi = Math.random() * Math.PI * 2;
    
    if (this.tip === 'scanteie') {
      var viteza = Math.random() * 16 + 8;
      this.vx = Math.cos(unghi) * viteza;
      this.vy = Math.sin(unghi) * viteza - (Math.random() * 3);
      this.raza = Math.random() * 3.5 + 1.5;
      this.culoare = culoriVii[Math.floor(Math.random() * culoriVii.length)];
      this.alfa = 1;
      this.degradare = Math.random() * 0.04 + 0.025;
    } else {
      var vitezaFum = Math.random() * 5 + 1;
      this.vx = Math.cos(unghi) * vitezaFum;
      this.vy = Math.sin(unghi) * vitezaFum - 1.5;
      this.raza = Math.random() * 8 + 5;
      this.culoare = ['#222222', '#3a3a3a', '#4f4f4f'][Math.floor(Math.random() * 3)];
      this.alfa = 0.5;
      this.degradare = Math.random() * 0.02 + 0.015;
    }
  }

  ParticulaMegaExplozie.prototype.update = function() {
    this.x += this.vx;
    this.y += this.vy;

    if (this.tip === 'scanteie') {
      this.vy += 0.35; 
      this.vx *= 0.96; 
      this.vy *= 0.96;
    } else {
      this.vy -= 0.04; 
      this.raza += 0.25; 
      this.vx *= 0.94;
      this.vy *= 0.94;
    }
    this.alfa -= this.degradare;
  };

  ParticulaMegaExplozie.prototype.draw = function() {
    if (this.alfa <= 0) return;
    ctx.save();
    ctx.globalAlpha = this.alfa;
    ctx.beginPath();
    ctx.arc(this.x, this.y, this.raza, 0, Math.PI * 2);
    ctx.fillStyle = this.culoare;

    if (this.tip === 'scanteie') {
      ctx.shadowBlur = 18;
      ctx.shadowColor = this.culoare;
    }
    ctx.fill();
    ctx.restore();
  };

  // === DECLANȘARE EFECT LA CLICK ===
  window.addEventListener('click', function(e) {
    // Generăm unda de șoc circulară primară
    undeSoc.push(new UndaSoc(e.clientX, e.clientY));
    
    // Generăm scânteile și fumul
    for (var i = 0; i < 60; i++) {
      particule.push(new ParticulaMegaExplozie(e.clientX, e.clientY, 'scanteie'));
    }
    for (var j = 0; j < 20; j++) {
      particule.push(new ParticulaMegaExplozie(e.clientX, e.clientY, 'fum'));
    }
  });

  // === LOOP-UL DE ANIMAȚIE ===
  function animeaza() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    
    // Randare și update Unde de Șoc
    for (var i = undeSoc.length - 1; i >= 0; i--) {
      var u = undeSoc[i];
      u.update();
      if (u.alfa <= 0) {
        undeSoc.splice(i, 1);
      } else {
        u.draw();
      }
    }

    // Randare și update Scântei/Fum
    for (var j = particule.length - 1; j >= 0; j--) {
      var p = particule[j];
      p.update();
      if (p.alfa <= 0) {
        particule.splice(j, 1);
      } else {
        p.draw();
      }
    }
    requestAnimationFrame(animeaza);
  }
  requestAnimationFrame(animeaza);
})();
</script>




<style>
/* 1. CONFIGURARE SUPREMĂ PENTRU PAGINĂ */
html, body, :root {
  overflow-y: scroll !important;   /* Forțează apariția barei pe ecran */
  scrollbar-width: thin !important;/* Stil fin pentru Firefox */
  scrollbar-color: #05a0a1 #0d1518 !important;
}

/* 2. RE-CONSTRUCȚIE COMPLETĂ BARA VIZIBILĂ (Chrome, Edge, Safari, Opera) */
::-webkit-scrollbar {
  width: 13px !important;          /* Lățime mărită la 13px ca să se vadă superb culorile */
  height: 13px !important;
  display: block !important;       /* Obligă browserul să o randeze vizual */
}

/* Șina de fundal ultra-dark */
::-webkit-scrollbar-track {
  background: #0d1518 !important;  /* Negru-albăstrui închis */
  border-radius: 20px !important;  /* Margini perfect rotunjite */
}
 
/* Cursorul spectaculos cu Gradient realizat de la zero */
::-webkit-scrollbar-thumb {
  background: #05a0a1 !important;  /* Culoare de rezervă solidă */
  background: linear-gradient(180deg, #05a0a1 0%, #0b98ff 100%) !important; /* Trecerea fluidă */
  border-radius: 20px !important;  /* Formă modernă de capsulă */
  border: 3px solid #0d1518 !important; /* Efect intens de plutire în interiorul șinei */
}

/* Efect dinamic intens la atingerea cu mouse-ul */
::-webkit-scrollbar-thumb:hover {
  background: #0b98ff !important;
  background: linear-gradient(180deg, #0b98ff 0%, #7e0188 100%) !important; /* Schimbare în violet electric */
}
</style>
</div>
<div class='clear'></div>
</div></div>
</div>
<div id='lowerbar-wrapper'>
<div class='lowerbar section' id='lowerbar3'><div class='widget HTML' data-version='1' id='HTML2'>
<div class='widget-content'>
<!-- Structura vizuală a notificării de cookie -->
<div id="premium-cookie-bar" style="display: none;">
  <div class="cookie-container-box">
    <p class="cookie-message-text">
      Acest site folosește cookie-uri pentru a-ți asigura o experiență de navigare optimă. 
      <!-- REZOLVAT: Adăugat link-ul către viitoarea ta pagină de cookie-uri -->
      <a href="/p/politica-de-cookie.html" class="cookie-policy-link">Află mai multe</a>.
    </p>
    <button class="cookie-accept-btn" onclick="acceptSiteCookies()">
      Acceptă
    </button>
  </div>
</div>

<style>
  /* CONFIGURARE CULOARE: Schimbă #00a8cc cu culoarea logo-ului tău */
  :root {
    --cookie-brand-color: #00a8cc;
    --cookie-brand-hover: #33ccff;
  }

  /* Poziționarea fixă în partea de jos a ecranului */
  #premium-cookie-bar {
    position: fixed !important;
    bottom: 24px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    max-width: 700px !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
    animation: cookieSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  }

  /* Animație fluidă de apariție de jos în sus */
  @keyframes cookieSlideUp {
    0% { opacity: 0; transform: translate(-50%, 20px); }
    100% { opacity: 1; transform: translate(-50%, 0); }
  }

  /* Caseta integrată perfect cu fundalul tău #232323 */
  .cookie-container-box {
    background-color: #1a1a1a !important; 
    border: 1px solid #2d2d2d !important;
    border-radius: 6px !important;
    padding: 14px 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  }

  /* Stilul textului din notificare */
  .cookie-message-text {
    color: #cccccc !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* REZOLVAT: Stilul elegant pentru link-ul către pagină */
  .cookie-policy-link {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
  }

  .cookie-policy-link:hover {
    color: var(--cookie-brand-color) !important;
  }

  /* Stilul butonului de accept */
  .cookie-accept-btn {
    background-color: var(--cookie-brand-color) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 18px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background-color 0.2s ease !important;
  }

  .cookie-accept-btn:hover {
    background-color: var(--cookie-brand-hover) !important;
  }

  /* Optimizare completă pentru ecranele de telefon */
  @media (max-width: 600px) {
    #premium-cookie-bar { bottom: 12px !important; width: 94% !important; }
    .cookie-container-box { flex-direction: column !important; text-align: center !important; align-items: stretch !important; padding: 16px !important; gap: 12px !important; }
    .cookie-message-text { text-align: center !important; }
    .cookie-accept-btn { text-align: center !important; padding: 10px !important; }
  }
</style>

<script type="text/javascript">
  // Funcție care salvează acceptul în memoria browserului (localStorage) pentru 30 de zile
  function acceptSiteCookies() {
    var expiryDate = new Date();
    expiryDate.setDate(expiryDate.getDate() + 30); 
    
    var cookieData = {
      consent: "accepted",
      expires: expiryDate.getTime()
    };
    
    localStorage.setItem("site_cookie_consent_status", JSON.stringify(cookieData));
    document.getElementById("premium-cookie-bar").style.display = "none";
  }

  // Verifică automat dacă utilizatorul a mai acceptat cookies în trecut
  document.addEventListener("DOMContentLoaded", function() {
    var savedConsent = localStorage.getItem("site_cookie_consent_status");
    
    if (savedConsent) {
      var cookieData = JSON.parse(savedConsent);
      var currentTime = new Date().getTime();
      
      if (currentTime > cookieData.expires) {
        localStorage.removeItem("site_cookie_consent_status");
        document.getElementById("premium-cookie-bar").style.display = "block";
      }
    } else {
      document.getElementById("premium-cookie-bar").style.display = "block";
    }
  });
</script>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML14'>
<div class='widget-content'>
<img src="https://i.imgur.com/b8oN9Rh.png" />
</div>
<div class='clear'></div>
</div></div>
</div>
<div id='lowerbar-wrapper'>
<div class='lowerbar section' id='lowerbar4'><div class='widget HTML' data-version='1' id='HTML10'>
<div class='widget-content'>
<div class="container-meniu-sablon">
  <nav id="petre-vitan">
    <ul>
      <!-- Clasa "active" generează triunghiul decupat jos -->
      <li class="active"><a href="/">Acasa</a></li>
      <li><a href="/p/feedback-cititori_9.html">Feedback Cititori</a></li>
      <li><a href="/p/despre-mine.html">Despre mine</a></li>
  <li><a href="/p/animatie-cu-stele-saritoare.html">Antistres</a></li>
      <li><a href="/p/politica-de-cookie.html">Politică de Cookie</a></li>

   <li><a href="/p/politica-de-confidentialitate.html"> Termeni și Condiții</a></li>
      <li><a href="/p/contact.html">Contact</a></li>
    </ul>
  </nav>
</div>

<style>
/* ==========================================================================
   ALINIARE ȘI EFECT DE UMBRĂ DUBLĂ (SUS ȘI JOS)
   ========================================================================== */
.container-meniu-sablon {
  width: 100% !important;
  background-color: #1a1a1a !important;
  border-top: 1px solid #121212 !important;    
  border-bottom: 6px solid #121212 !important;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.35), 0 4px 10px rgba(0, 0, 0, 0.35) !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Structura principală a meniului */
#petre-vitan {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Tahoma, Times, serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  width: 100% !important;
  height: 35px !important; 
}

/* Centrarea tuturor taburilor în bară */
#petre-vitan > ul {
  background: #1a1a1a !important; 
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important; 
  height: 35px !important;
}

#petre-vitan li {
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  height: 35px !important;
}

/* Stilul butoanelor principale */
#petre-vitan > ul > li > a {
  background: #1a1a1a !important; 
  color: #999 !important;
  border-right: 1px solid #2a2a2a !important; 
  border-left: 1px solid rgba(255, 255, 255, 0.02) !important;
  display: flex !important;
  align-items: center !important;    
  justify-content: center !important; 
  height: 35px !important;            
  margin: 0 !important;
  
  /* Spațiere laterală optimizată și scris ușor mai aerisit pentru a umple golul elegant */
  padding: 0 25px !important;         


  /* Modificare cheie: Oprește textul din a se rupe pe două rânduri */
  white-space: nowrap !important;     
  
  text-decoration: none !important;
  transition: background 0.2s ease !important;
  box-sizing: border-box !important;
}

/* Linie simetrică în stânga primului buton */
#petre-vitan > ul > li:first-child > a {
  border-left: 1px solid #2a2a2a !important;
}

/* Hover-ul roșu grena */
#petre-vitan li > a:hover,
#petre-vitan ul li:hover > a {
  background: #880000 url("https://imgur.com") repeat-x !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Triunghiul decupat sub tabul activ */
#petre-vitan > ul > li.active > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom: 5px solid #1a1a1a !important;
  z-index: 10 !important;
}

/* ==========================================================================
   OPTIMIZARE RESPONSIVE PENTRU MOBIL
   ========================================================================== */
@media screen and (max-width: 768px) {
  #petre-vitan { height: auto !important; }
  #petre-vitan > ul { flex-direction: column !important; height: auto !important; }
  #petre-vitan li { float: none !important; width: 100% !important; height: auto !important; }
  #petre-vitan li a { border-right: none !important; border-bottom: 1px solid #222222 !important; height: 40px !important; white-space: normal !important; }
  #petre-vitan > ul > li.active > a::after { display: none !important; }
}
</style>
</div>
<div class='clear'></div>
</div></div>
</div>
<div style='clear: both;'></div>
</div>
</div>
<div id='copyrights'>
<!-- you don't have permission to remove or change these -->
<span style='float:right;margin-right: 4px;margin-top: -3px; opacity: 0.6;'>
<script async='async' defer='defer' id='eXF-2p2p2p2p-0' src='https://efreecode.com/js.js'></script>
</span>
<span style='float:right; margin-top: -7px;margin-right:35%;'>
</span>
  

 
  
  
   
💖 Copyright © 2018 - <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> ☙	 <a href='https://petrevitanblog.blogspot.com/'>Blogul lui Petre Vitan</a>
<br/> 💖 Powered by <a href='https://blog-petre.blogspot.com/'>petre blog</a> ⋆⭒˚｡⋆ Design by Petre Vitan  ⋆⭒˚｡⋆
  
  
  
  
  
  </div></div>
</div><!-- #footer -->
<div style='clear:both;'></div>
<!-- end outer-wrapper -->
<img src='https://i.imgur.com/Da12dbW.gif' style='position: fixed; margin-left:5px; width: 100px; height: 116px; margin-bottom:1px; bottom: 0%; left: 0px;border: 0px;'/>
<!-- Script Emoticoane Complete - Aliniere Grila Fixa Cu Incarcare Securizata -->
<script type='text/javascript'>
//<![CDATA[
(function() {
  // Verifică prezența formularului Blogger în pagină la fiecare 500ms
  var verificaFormularComentarii = setInterval(function() {
    var commentForm = document.getElementById("comment-editor") || document.querySelector(".comment-form");
    
    if (commentForm) {
      clearInterval(verificaFormularComentarii);
      
      // Evită duplicarea casetei în pagină
      if (document.getElementById("container-emoticoane-comentarii")) return;

      var container = document.createElement("div");
      container.id = "container-emoticoane-comentarii";
      container.style.cssText = "margin: 15px 0 25px 0; padding: 12px; background: #232323; border: 1px solid #444444; border-radius: 8px; display: block; max-width: 100%; box-sizing: border-box; text-shadow: 2px 2px 2px #000000;";
      
      var title = document.createElement("p");
      title.innerHTML = "✨ <b>Apasă pe un emoji pentru a-l copia, apoi dă Lipește (Paste) în comentariu (CTRL+V):</b>";
      title.style.cssText = "margin: 0 0 12px 0; font-size: 15px; color: #4da6ff; font-family: 'Segoe UI', Arial, sans-serif; font-weight: bold; text-shadow: 2px 2px 2px #000000;";
      container.appendChild(title);

      var emojiBox = document.createElement("div");
      emojiBox.style.cssText = "display: grid; grid-template-columns: repeat(auto-fit, minmax(46px, 1fr)); gap: 8px; width: 100%; box-sizing: border-box;";
      
      // Lista actualizată cu cele 3 emoji-uri noi adăugate la sfârșit
      var emojis = [
        "😀", "😂", "😉", "😍", "😎", "🤓", "👍", "👏", "🎉", "🔥", 
        "❤️", "😮", "😢", "🌐", "📱", "💻", "🎵", "❄️", "🎄", "🌟",
        "🤔", "ghost", "💥", "👑", "🚀", "🍕", "☕", "🔔", "💯", "🎈",
        "📷", "✨", "✍️", "🎮", "🎧", "💡"
      ];
      
      // Corecție rapidă pentru textul „ghost” din lista ta inițială pentru a afișa emoji-ul real
      var indexGhost = emojis.indexOf("ghost");
      if (indexGhost !== -1) emojis[indexGhost] = "👻";
      
      emojis.forEach(function(emoji) {
        var btn = document.createElement("button");
        btn.type = "button";
        btn.innerHTML = emoji;
        btn.style.cssText = "background: transparent; border: 1px solid #444444; border-radius: 6px; font-size: 22px; cursor: pointer; padding: 6px 0; width: 100%; height: 42px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; color: #ffffff; font-family: sans-serif; box-sizing: border-box;";
        
        btn.onmouseover = function() { this.style.background = "#333333"; this.style.transform = "scale(1.05)"; };
        btn.onmouseout = function() { this.style.background = "transparent"; this.style.transform = "scale(1)"; };
        
        btn.onclick = function() {
          navigator.clipboard.writeText(emoji).then(function() {
            var originalContent = btn.innerHTML;
            btn.innerHTML = "<span style='font-size:11px; font-weight:bold; color:#ffffff;'>Copiat!</span>";
            btn.style.background = "#008800"; /* MODIFICARE: Fundalul a devenit verde la succes */
            btn.style.borderColor = "#008800";
            
            setTimeout(function() {
              btn.innerHTML = originalContent;
              btn.style.background = "transparent";
              btn.style.borderColor = "#444444";
            }, 3000); /* MODIFICARE: Timpul de afișare a fost mărit la 3 secunde (3000ms) */
          }).catch(function() {
            alert("Selectează și copiază manual: " + emoji);
          });
        };
        emojiBox.appendChild(btn);
      });
      
      container.appendChild(emojiBox);

      var divider = document.createElement("div");
      divider.style.cssText = "border-top: 1px solid #444444; margin-top: 15px; width: 100%; height: 1px;";
      container.appendChild(divider);
      
      commentForm.parentNode.insertBefore(container, commentForm);
    }
  }, 500);
})();
//]]>
</script>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/387437488-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AAVkm1us-ML-fxlkqsUbE-Fph9Jr:1780439416139';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8048040102194034766','//petrevitanblog.blogspot.com/p/calculator-digital.html','8048040102194034766');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8048040102194034766', 'title': 'Blogul lui Petre Vitan', 'url': 'https://petrevitanblog.blogspot.com/p/calculator-digital.html', 'canonicalUrl': 'https://petrevitanblog.blogspot.com/p/calculator-digital.html', 'homepageUrl': 'https://petrevitanblog.blogspot.com/', 'searchUrl': 'https://petrevitanblog.blogspot.com/search', 'canonicalHomepageUrl': 'https://petrevitanblog.blogspot.com/', 'blogspotFaviconUrl': 'https://petrevitanblog.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-7DW3VLDWFQ', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'ro', 'localeUnderscoreDelimited': 'ro', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogul lui Petre Vitan - Atom\x22 href\x3d\x22https://petrevitanblog.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blogul lui Petre Vitan - RSS\x22 href\x3d\x22https://petrevitanblog.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogul lui Petre Vitan - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8048040102194034766/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/9e84dfdf60ff6521', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Solicita\u021bi un link', 'key': 'link', 'shareMessage': 'Solicita\u021bi un link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Trimite\u021bi c\u0103tre Facebook', 'target': 'facebook'}, {'name': 'Posta\u021bi pe blog!', 'key': 'blogThis', 'shareMessage': 'Posta\u021bi pe blog!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Trimite\u021bi c\u0103tre X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Trimite\u021bi c\u0103tre Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ro\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Citeste pana la capat \xbb', 'pageType': 'static_page', 'pageId': '6983852816508708564', 'pageName': 'Calculator digital', 'pageTitle': 'Blogul lui Petre Vitan: Calculator digital', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edita\u021bi', 'linkCopiedToClipboard': 'Linkul a fost copiat \xeen clipboard!', 'ok': 'Ok', 'postLink': 'Posta\u021bi linkul'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Personalizat', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Calculator digital', 'description': 'Blogul lui Petre Vitan - G\xe2nduri, articole \u0219i resurse utile scrise din inim\u0103 pentru o inim\u0103', 'url': 'https://petrevitanblog.blogspot.com/p/calculator-digital.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 6983852816508708564}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'headerbleft', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'headerbright', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'crosscol', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'sitecontentarea', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sitecontentarea', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'sitecontentarea', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'sitecontentarea', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'sitecontentarea', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'rsidebartop', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebartab1', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive2', 'sidebartab3', document.getElementById('BlogArchive2'), {'languageDirection': 'ltr', 'loadingMessage': 'Se \xeencarc\u0103\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'sidebarright', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebarright', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'sidebarright', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebarright', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'lowerbar2', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'lowerbar3', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'lowerbar3', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'lowerbar4', document.getElementById('HTML10'), {}, 'displayModeFull'));
</script>
</body>
</html>