<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='false' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<title><data:blog.title/></title>
<b:include data='blog' name='all-head-content'/>
<b:skin><![CDATA[
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #141414;
color: #ffffff;
margin: 0;
padding: 0;
}
.header {
background-color: #000000;
padding: 20px;
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
}
.logo {
color: #e50914;
font-size: 2em;
font-weight: bold;
text-decoration: none;
}
.nav {
float: right;
}
.nav a {
color: #ffffff;
text-decoration: none;
margin-left: 20px;
}
.content {
margin-top: 80px;
padding: 20px;
}
.row {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.post {
flex: 0 0 calc(20% - 20px);
margin: 10px;
transition: transform 0.3s;
}
.post:hover {
transform: scale(1.05);
}
.post img {
width: 100%;
height: auto;
}
.post-title {
font-size: 1em;
margin-top: 10px;
}
@media (max-width: 1024px) {
.post {
flex: 0 0 calc(25% - 20px);
}
}
@media (max-width: 768px) {
.post {
flex: 0 0 calc(33.333% - 20px);
}
}
@media (max-width: 480px) {
.post {
flex: 0 0 calc(50% - 20px);
}
}
]]></b:skin>
</head>
<body>
<header class='header'>
<a class='logo' href='/'>Horror Stream</a>
<nav class='nav'>
<a href='/'>الرئيسية</a>
<a href='/search/label/قصص رعب'>قصص رعب</a>
<a href='/search/label/أماكن مرعبة'>أماكن مرعبة</a>
<a href='/search/label/مخلوقات غامضة'>مخلوقات غامضة</a>
<a href='/search/label/جرائم لم تحل'>جرائم لم تحل</a>
</nav>
</header>
<div class='content'>
<b:section id='main' showaddelement='true'>
<b:widget id='Blog1' locked='true' title='مشاركات المدونة' type='Blog' version='2'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='showCommentLink'>false</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>false</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>false</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<div class='row'>
<b:loop values='data:posts' var='post'>
<article class='post'>
<b:if cond='data:post.featuredImage'>
<img expr:src='data:post.featuredImage' expr:alt='data:post.title'/>
<b:else/>
<img src='https://via.placeholder.com/300x450?text=No+Image' alt='No Image'/>
</b:if>
<h2 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h2>
</article>
</b:loop>
</div>
<b:include name='nextprev'/>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:title='data:newerPageTitle'>&larr; مشاركات أحدث</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:title='data:olderPageTitle'>مشاركات أقدم &rarr;</a>
</span>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<script>
//<![CDATA[
// يمكنك إضافة أي كود JavaScript إضافي هنا
//]]>
</script>
</body>
</html>
