Added author picture inside post

This commit is contained in:
Nistor Cristian 2019-04-08 00:12:54 +03:00
parent 8527e7713b
commit 614e9d17e7
4 changed files with 21 additions and 25 deletions

View File

@ -153,13 +153,15 @@ blockquote {
margin: 0 8px 0 0; }
.post-intro .inner h1 {
margin-bottom: 10px; }
.post-intro .inner img {
margin-top: 90px;
.post-intro .inner .inner-featured-image {
margin-top: 50px;
max-width: 100%; }
.post-intro .inner .authors {
margin-right: 3px; }
.post-intro .inner .authors li {
margin: 0; }
.post-intro .inner .authors li:nth-child(n+2) img {
margin-left: -10px; }
.post-intro .inner .authors li:last-child a span:after {
display: none; }
.post-intro .inner .authors li a {
@ -170,8 +172,7 @@ blockquote {
letter-spacing: -0.2px;
color: #4360DF;
text-transform: capitalize;
display: flex;
margin-right: 3px; }
display: flex; }
.post-intro .inner .authors li a span:after {
content: ', '; }
.post-intro .inner .authors li a:hover {
@ -450,8 +451,6 @@ blockquote {
padding: 60px 0; }
.post-intro {
margin-top: 60px; }
.post-intro .inner img {
margin-top: 60px; }
iframe[src*="https://www.youtube.com/"] {
height: calc(690px / 1.77777778) !important; } }

View File

@ -223,14 +223,19 @@ blockquote{
h1{
margin-bottom: 10px;
}
img{
margin-top: 90px;
.inner-featured-image{
margin-top: 50px;
max-width: 100%;
}
.authors{
margin-right: 3px;
li{
margin: 0;
&:nth-child(n+2){
img{
margin-left: -10px;
}
}
&:last-child{
a{
span{
@ -249,7 +254,6 @@ blockquote{
color: $purple;
text-transform: capitalize;
display: flex;
margin-right: 3px;
span{
&:after{
content: ', ';
@ -640,11 +644,6 @@ blockquote{
}
.post-intro{
margin-top: 60px;
.inner{
img{
margin-top: 60px;
}
}
}
iframe[src*="https://www.youtube.com/"] {
height: calc(690px / 1.77777778) !important;

View File

@ -6,20 +6,18 @@
<ul>
<li><a href="{{> "url"}}/features/">Features</a></li>
<li class="has-submenu">
<a href="/">Get Involved <i class="arrow"></i></a>
<a href="{{> "url"}}/get-involved/">Get Involved <i class="arrow"></i></a>
<div class="submenu">
<div class="container">
<div class="row">
<div class="col-md-5 text-right">
<h4>Get Involved</h4>
<p class="p-large">Status is an open source project <br>made by people all over the world.</p>
<a href="#" class="link-arrow">Learn more</a>
<a href="{{> "url"}}/get-involved/" class="link-arrow">Learn more</a>
</div>
<div class="col-md-4 offset-md-1">
<ul>
<li><a href="#" class="link-arrow">Developers</a></li>
<li><a href="#" class="link-arrow">Community Groups</a></li>
<li><a href="#" class="link-arrow external" target="_blank">Github</a></li>
<li><a href="{{> "url"}}/get-involved/development/" class="link-arrow">Development</a></li>
<li>
<ul class="social-links">
<li>
@ -45,9 +43,7 @@
</li>
<li>
<a href="https://www.reddit.com/r/statusim" class="icon-reddit" target="_blank">
<svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.9998 9.12116C17.9859 8.73593 17.8622 8.363 17.6438 8.04734C17.4253 7.73167 17.1214 7.48674 16.7686 7.34208C16.4158 7.19742 16.0292 7.15921 15.6554 7.23205C15.2817 7.30488 14.9367 7.48566 14.6621 7.75259C13.1249 6.6943 11.3179 6.10963 9.45964 6.06925L10.338 1.79933L13.2297 2.41518C13.2641 2.73882 13.4113 3.03946 13.6448 3.26312C13.8783 3.48679 14.1829 3.61883 14.5038 3.63556C14.8248 3.65228 15.1412 3.55259 15.3961 3.35438C15.651 3.15617 15.8279 2.87241 15.8949 2.55405C15.9619 2.23569 15.9146 1.90357 15.7616 1.61731C15.6086 1.33105 15.3599 1.10939 15.0601 0.992126C14.7603 0.874859 14.429 0.869663 14.1257 0.97747C13.8225 1.08528 13.5671 1.29903 13.4054 1.58035L10.0947 0.909757C10.0406 0.897727 9.98464 0.8967 9.9301 0.906737C9.87556 0.916773 9.82353 0.937672 9.77702 0.968224C9.73052 0.998776 9.69046 1.03837 9.65917 1.08472C9.62789 1.13106 9.606 1.18324 9.59477 1.23821L8.59482 5.98714C6.71367 6.01586 4.88185 6.60098 3.3248 7.67048C3.11649 7.47197 2.86805 7.32171 2.5967 7.23011C2.32535 7.13851 2.03758 7.10777 1.75333 7.14C1.46908 7.17224 1.19515 7.26669 0.950528 7.4168C0.705903 7.56692 0.496431 7.76911 0.33663 8.00936C0.176828 8.24962 0.070518 8.52219 0.0250674 8.80819C-0.0203832 9.0942 -0.00388753 9.38679 0.0734112 9.66569C0.15071 9.9446 0.286963 10.2031 0.472728 10.4234C0.658493 10.6437 0.889327 10.8204 1.14923 10.9414C1.13402 11.1418 1.13402 11.3431 1.14923 11.5435C1.14923 14.6091 4.67609 17.0999 9.02723 17.0999C13.3784 17.0999 16.9052 14.6091 16.9052 11.5435C16.9204 11.3431 16.9204 11.1418 16.9052 10.9414C17.2387 10.7735 17.5184 10.5135 17.7121 10.1914C17.9058 9.86929 18.0055 9.49825 17.9998 9.12116V9.12116ZM4.48691 10.4897C4.48691 10.219 4.56616 9.95445 4.71464 9.72939C4.86312 9.50433 5.07417 9.32892 5.32108 9.22533C5.568 9.12175 5.83969 9.09465 6.10182 9.14745C6.36394 9.20026 6.60472 9.3306 6.7937 9.522C6.98268 9.7134 7.11138 9.95725 7.16352 10.2227C7.21566 10.4882 7.1889 10.7634 7.08662 11.0135C6.98434 11.2635 6.81115 11.4773 6.58893 11.6276C6.36671 11.778 6.10545 11.8583 5.8382 11.8583C5.66074 11.8583 5.48503 11.8229 5.32108 11.7541C5.15714 11.6853 5.00817 11.5845 4.88269 11.4574C4.75721 11.3304 4.65768 11.1795 4.58977 11.0135C4.52186 10.8474 4.48691 10.6694 4.48691 10.4897V10.4897ZM12.3379 14.2533C11.3792 14.985 10.1996 15.3574 9.0002 15.3071C7.80078 15.3574 6.62123 14.985 5.66253 14.2533C5.60507 14.1824 5.5757 14.0924 5.58014 14.0007C5.58459 13.9091 5.62252 13.8224 5.68657 13.7576C5.75061 13.6927 5.83619 13.6543 5.92666 13.6498C6.01712 13.6453 6.106 13.675 6.17602 13.7332C6.98845 14.3368 7.98014 14.641 8.98669 14.5954C9.99448 14.6509 10.9908 14.3564 11.8109 13.7606C11.8826 13.6898 11.9791 13.6508 12.0792 13.6521C12.1287 13.6527 12.1777 13.6632 12.2232 13.683C12.2688 13.7028 12.31 13.7315 12.3446 13.7674C12.3792 13.8034 12.4065 13.8459 12.4249 13.8925C12.4433 13.9391 12.4524 13.989 12.4518 14.0392C12.4512 14.0893 12.4408 14.1389 12.4212 14.1851C12.4017 14.2312 12.3734 14.273 12.3379 14.308V14.2533ZM12.0946 11.913C11.8274 11.913 11.5661 11.8328 11.3439 11.6824C11.1217 11.532 10.9485 11.3183 10.8462 11.0682C10.7439 10.8181 10.7172 10.5429 10.7693 10.2775C10.8215 10.012 10.9502 9.76814 11.1391 9.57674C11.3281 9.38535 11.5689 9.255 11.831 9.2022C12.0931 9.14939 12.3648 9.17649 12.6118 9.28008C12.8587 9.38366 13.0697 9.55907 13.2182 9.78413C13.3667 10.0092 13.4459 10.2738 13.4459 10.5445C13.4533 10.7299 13.4233 10.9149 13.3578 11.0882C13.2924 11.2616 13.1928 11.4196 13.0651 11.5527C12.9375 11.6859 12.7844 11.7913 12.6152 11.8627C12.4461 11.934 12.2644 11.9698 12.0811 11.9678L12.0946 11.913Z" fill="#848484"/>
</svg>
<svg width="18" height="17" viewbox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.5" d="M17.9998 8.2212C17.9859 7.836 17.8622 7.4631 17.6438 7.1474C17.4253 6.8318 17.1214 6.5868 16.7686 6.4422C16.4158 6.2975 16.0292 6.2593 15.6554 6.3321C15.2817 6.405 14.9367 6.5857 14.6621 6.8527C13.1249 5.7944 11.3179 5.2097 9.4596 5.1693L10.338 0.899432L13.2297 1.51528C13.2641 1.83891 13.4113 2.13955 13.6448 2.36321C13.8783 2.58688 14.1829 2.71892 14.5038 2.73565C14.8248 2.75237 15.1412 2.65268 15.3961 2.45447C15.651 2.25626 15.8279 1.9725 15.8949 1.65414C15.9619 1.33579 15.9146 1.00367 15.7616 0.717412C15.6086 0.431152 15.3599 0.209492 15.0601 0.0922216C14.7603 -0.0250384 14.429 -0.0302383 14.1257 0.0775717C13.8225 0.185382 13.5671 0.399132 13.4054 0.680452L10.0947 0.00985175C10.0406 -0.00217825 9.9846 -0.00319806 9.9301 0.00683194C9.8755 0.0168719 9.8235 0.0377715 9.777 0.0683215C9.7305 0.0988715 9.6904 0.138472 9.6592 0.184822C9.6279 0.231162 9.606 0.283341 9.5948 0.338311L8.5948 5.0872C6.7137 5.1159 4.88184 5.7011 3.32479 6.7706C3.11648 6.5721 2.86805 6.4218 2.5967 6.3302C2.32535 6.2386 2.03758 6.2079 1.75333 6.2401C1.46908 6.2723 1.19515 6.3668 0.950529 6.5169C0.705899 6.667 0.496428 6.8692 0.336628 7.1094C0.176828 7.3497 0.0705187 7.6223 0.0250687 7.9083C-0.0203813 8.1943 -0.00389148 8.4869 0.0734085 8.7658C0.150709 9.0447 0.286959 9.3032 0.472729 9.5235C0.658489 9.7438 0.889328 9.9205 1.14923 10.0415C1.13402 10.2419 1.13402 10.4432 1.14923 10.6436C1.14923 13.7092 4.67608 16.2 9.0272 16.2C13.3784 16.2 16.9052 13.7092 16.9052 10.6436C16.9204 10.4432 16.9204 10.2419 16.9052 10.0415C17.2387 9.8736 17.5184 9.6136 17.7121 9.2915C17.9058 8.9694 18.0055 8.5983 17.9998 8.2212ZM4.4869 9.5898C4.4869 9.3191 4.56615 9.0545 4.71463 8.8295C4.86311 8.6044 5.07416 8.429 5.32107 8.3254C5.56799 8.2218 5.83968 8.1947 6.1018 8.2475C6.3639 8.3003 6.6047 8.4307 6.7937 8.6221C6.9827 8.8135 7.1114 9.0573 7.1635 9.3228C7.2156 9.5883 7.1889 9.8635 7.0866 10.1136C6.9843 10.3636 6.8111 10.5774 6.5889 10.7277C6.3667 10.8781 6.1054 10.9584 5.83819 10.9584C5.66073 10.9584 5.48502 10.923 5.32107 10.8542C5.15713 10.7854 5.00816 10.6846 4.88268 10.5575C4.7572 10.4305 4.65767 10.2796 4.58976 10.1136C4.52185 9.9475 4.4869 9.7695 4.4869 9.5898ZM12.3379 13.3534C11.3792 14.0851 10.1996 14.4575 9.0002 14.4072C7.8008 14.4575 6.6212 14.0851 5.66252 13.3534C5.60506 13.2825 5.57569 13.1925 5.58013 13.1008C5.58458 13.0092 5.62251 12.9225 5.68656 12.8577C5.7506 12.7928 5.83618 12.7544 5.92665 12.7499C6.0171 12.7454 6.106 12.7751 6.176 12.8333C6.9884 13.4369 7.9801 13.7411 8.9867 13.6955C9.9945 13.751 10.9908 13.4565 11.8109 12.8607C11.8826 12.7899 11.9791 12.7509 12.0792 12.7522C12.1287 12.7528 12.1777 12.7633 12.2232 12.7831C12.2688 12.8029 12.31 12.8316 12.3446 12.8675C12.3792 12.9035 12.4065 12.946 12.4249 12.9926C12.4433 13.0392 12.4524 13.0891 12.4518 13.1393C12.4512 13.1894 12.4408 13.239 12.4212 13.2852C12.4017 13.3313 12.3734 13.3731 12.3379 13.4081V13.3534ZM12.0946 11.0131C11.8274 11.0131 11.5661 10.9329 11.3439 10.7825C11.1217 10.6321 10.9485 10.4184 10.8462 10.1683C10.7439 9.9182 10.7172 9.643 10.7693 9.3776C10.8215 9.1121 10.9502 8.8682 11.1391 8.6768C11.3281 8.4854 11.5689 8.3551 11.831 8.3023C12.0931 8.2495 12.3648 8.2766 12.6118 8.3802C12.8587 8.4837 13.0697 8.6592 13.2182 8.8842C13.3667 9.1093 13.4459 9.3739 13.4459 9.6446C13.4533 9.83 13.4233 10.015 13.3578 10.1883C13.2924 10.3617 13.1928 10.5197 13.0651 10.6528C12.9375 10.786 12.7844 10.8914 12.6152 10.9628C12.4461 11.0341 12.2644 11.0699 12.0811 11.0679L12.0946 11.0131Z" fill="black"/> </svg>
</a>
</li>
<li>
@ -59,7 +55,9 @@
</li>
</ul>
</li>
<li><a href="#" class="link-arrow">Educators</a></li>
<li><a href="{{> "url"}}/get-involved/educate/" class="link-arrow">Educate</a></li>
<li></li>
<li><a href="{{> "url"}}/get-involved/community-groups/" class="link-arrow external" target="_blank">Community Groups</a></li>
</ul>
</div>
</div>

View File

@ -14,8 +14,8 @@
<ul class="authors">
{{#foreach authors}}
<li>
<a href="{{url}}">
<span>{{name}}</span>
<a href="{{url}}" data-toggle="tooltip" data-placement="top" title="{{name}}">
<img src="{{img_url profile_image}}" alt="{{name}}" />
</a>
</li>
{{/foreach}}