1<#if entries?has_content>
2
3<style>
4.news-card {
5 display: flex;
6 flex-direction: column;
7 border: 0.5px solid #959abd;
8 border-radius: 1em;
9 text-decoration: none;
10 color: inherit;
11 padding: 0.625em;
12}
13.news-card:hover {
14 border-color: transparent;
15 background-color: #fff;
16 box-shadow: 0px 16px 22px 10px rgba(91, 104, 118, 0.06);
17 transition: all 250ms linear;
18 text-decoration: none;
19 color: inherit;
20}
21.news-card:hover .card-body > h4 {
22 color: rgb(232, 126, 24);
23}
24.news-card > img {
25 border-radius: 1em;
26 width: 100%;
27 aspect-ratio: unset;
28 -o-object-fit: cover;
29 object-fit: cover;
30 height: 12.563em;
31}
32@media screen and (min-width: 768px) {
33 .news-card > img {
34 height: 13.75em;
35 }
36}
37.news-card .card-body {
38 display: flex;
39 flex-direction: column;
40 padding: 0;
41}
42.news-card .card-body > h4 {
43 color: #073b70;
44 margin-bottom: 0.625em;
45 font-size: 0.75em;
46 font-weight: 500;
47 margin-top: 1.5em;
48 margin-bottom: 1em;
49}
50@media screen and (min-width: 768px) {
51 .news-card .card-body > h4 {
52 font-size: 0.875em;
53 }
54}
55.news-card .card-body > h3 {
56 margin-bottom: 1em;
57 font-family: "BBCNassim";
58 font-weight: 700;
59 font-size: 1.125em;
60 line-height: 1.75em;
61 text-justify: inter-word;
62 min-height: 3.5em;
63}
64@media screen and (min-width: 768px) {
65 .news-card .card-body > h3 {
66 font-size: 1.188em;
67 }
68}
69@media screen and (min-width: 992px) {
70 .news-card .card-body > h3 {
71 font-size: 1.188em;
72 }
73}
74.news-card .card-body > p {
75 color: rgb(126, 138, 171);
76 font-size: 0.75em;
77 font-weight: 500;
78 line-height: 1.688em;
79 max-height: 5.5em;
80 height: 5.5em;
81 overflow-y: hidden;
82 line-height: 1.83em;
83 display: -webkit-box;
84 -webkit-line-clamp: 3;
85 overflow: hidden;
86 text-overflow: ellipsis;
87 -webkit-box-orient: vertical;
88 text-align: justify;
89 text-justify: inter-word;
90}
91@media screen and (min-width: 768px) {
92 .news-card .card-body > p {
93 font-size: 0.75em;
94 line-height: 183.333%;
95 /* */
96 }
97}
98@media screen and (min-width: 992px) {
99 .news-card .card-body > p {
100 font-size: 0.938em;
101 }
102}
103
104.horizontal-card {
105 flex-direction: row;
106}
107.horizontal-card .card-body {
108 padding-inline: 0.813em;
109}
110.horizontal-card .card-body > h3 {
111 margin-bottom: 0.5em;
112}
113.horizontal-card .card-body > h4 {
114 margin-top: 0.438em;
115 margin-bottom: 0.875em;
116}
117.horizontal-card .card-body > p {
118 line-height: 188.462%;
119 /* */
120 letter-spacing: -0.39px;
121}
122.horizontal-card > img {
123 height: 11.65em;
124 width: 11.875em;
125}
126
127.big-image-height {
128 height: 100%;
129}
130@media screen and (min-width: 992px) {
131 .big-image-height > img {
132 height: 27.75em;
133 }
134}
135</style>
136<div class="row">
137 <#list entries as curEntry>
138 <#assign assetRenderer = curEntry.getAssetRenderer() />
139 <#assign imgsrc = "" />
140 <#if !assetRenderer.getThumbnailPath(renderRequest)??>
141 <#assign imgsrc = themeDisplay.getPathThemeImages() +"/default-image.jpg" />
142 <#else>
143 <#assign imgsrc = assetRenderer.getThumbnailPath(renderRequest) />
144 </#if>
145 <div class="col-12 col-md-6 col-lg-3">
146 <a class=" news-card" href="${assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse,curEntry,true)}">
147 <img src="${imgsrc}">
148 <div class="card-body">
149 <h4>
150 <#if assetRenderer.getClassName()=="com.liferay.journal.model.JournalArticle">
151 <#assign
152 docXml = saxReaderUtil.read(assetRenderer.getArticle().getContent())
153 lead = docXml.valueOf("//dynamic-element[@name='lead']/dynamic-content/text()")
154 />
155 </#if>
156 <#if lead?? >
157 <#if curEntry?index==0>
158 ${stringUtil.shorten(htmlUtil.stripHtml(lead), 95)}
159 <#else>
160 ${stringUtil.shorten(htmlUtil.stripHtml(lead), 75)}
161 </#if>
162 </#if>
163 </h4>
164 <h3>
165 <#assign title = curEntry.getTitle(locale) />
166 ${stringUtil.shorten(htmlUtil.stripHtml(title), 95)}
167 </h3>
168 <p>
169 <#assign summary = curEntry.getSummary(locale) />
170 <#if summary !="">
171 ${stringUtil.shorten(htmlUtil.stripHtml(summary), 290)}
172 <#else>
173 <#if assetRenderer.getClassName()=="com.liferay.journal.model.JournalArticle">
174 <#assign
175 docXml = saxReaderUtil.read(assetRenderer.getArticle().getContent())
176 summary = docXml.valueOf("//dynamic-element[@name='content']/dynamic-content/text()")
177 />
178 </#if>
179 ${stringUtil.shorten(htmlUtil.stripHtml(summary), 290)}
180 </#if>
181 </p>
182 </div>
183 </a>
184 </div>
185
186 </#list>
187
188</div>
189
190
191<#else>
192 <div class="alert alert-info text-center">
193 <@liferay_ui["message"] key="there-are-no-results" />
194 </div>
195</#if>
بیشتر در مورد دانشکده بدانید
