<div class="ui container tw-flex">
	{{ctx.AvatarUtils.Avatar .Org 100 "org-avatar"}}
	<div id="org-info" class="tw-flex tw-flex-col">
		<div class="ui header">
			{{.Org.DisplayName}}
			<span class="org-visibility">
				{{if .Org.Visibility.IsLimited}}<span class="ui large basic horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</span>{{end}}
				{{if .Org.Visibility.IsPrivate}}<span class="ui large basic horizontal label">{{ctx.Locale.Tr "org.settings.visibility.private_shortname"}}</span>{{end}}
			</span>
			<span class="tw-flex tw-items-center tw-gap-1 tw-ml-auto tw-text-16 tw-whitespace-nowrap">
				{{if .EnableFeed}}
					<a class="ui basic label button tw-mr-0" href="{{.Org.HomeLink}}.rss" data-tooltip-content="{{ctx.Locale.Tr "rss_feed"}}">
						{{svg "octicon-rss" 24}}
					</a>
				{{end}}
				{{if .IsSigned}}
					{{template "org/follow_unfollow" .}}
				{{end}}
			</span>
		</div>
		{{if .RenderedDescription}}<div class="render-content markup">{{.RenderedDescription}}</div>{{end}}
		<div class="text light meta tw-mt-1">
			{{if .Org.Location}}<div class="flex-text-block">{{svg "octicon-location"}} <span>{{.Org.Location}}</span></div>{{end}}
			{{if .Org.Website}}<div class="flex-text-block">{{svg "octicon-link"}} <a class="muted" target="_blank" rel="noopener noreferrer me" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}
			{{if .IsSigned}}
				{{if .Org.Email}}<div class="flex-text-block">{{svg "octicon-mail"}} <a class="muted" href="mailto:{{.Org.Email}}">{{.Org.Email}}</a></div>{{end}}
			{{end}}
		</div>
	</div>
</div>

{{template "org/menu" .}}