Kod Handlebars nowego szablonu forum w Bootstrap 3

Utworzono: 2014-12-15
Ostatnia aktualizacja: 2016-02-05
Liczba odwiedzin posta: 1543

Domyślnie do szablonu jest podpięty CSS i HTML popularnego frameworku Bootstrap 3 dzięki czemu można korzystać z gotowych komponentów w nim dostępnych.

{{system.meta}} {{system.favicon}} {{system.custom_css}} <!-- Bootstrap -->
<link href=
"//s3-eu-west-1.amazonaws.com/assets.sugester.pl/assets/bootstrap-3-1-1/css/bootstrap.css"
media="screen" rel="stylesheet" type="text/css">
<link href=
"//s3-eu-west-1.amazonaws.com/assets.sugester.pl/assets/bootstrap-3-1-1/css/default.css"
media="screen" rel="stylesheet" type="text/css">{{system.javascript}} 
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 <!--[if lt IE 9]>

      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->

<div class="jumbotron">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-right help-block small">
                {{#if user}} Zalogowany <a href=
                "{{user.profile_path}}">{{user.login}}</a> | <a href=
                "/logout">Wyloguj</a> {{else}} <a href="/login">Logowanie</a> |
                <a href="/signup">Rejestracja</a> {{/if}}
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8">
                <h1>{{forum_name}}</h1>
            </div><!-- col-lg-6 -->

            <div class="col-lg-4">
                {{#if forum_logo_url}} <a href="/"><img alt="{{forum_name}}"
                class="img-responsive pull-right" src="{{forum_logo_url}}"></a>
                {{/if}}
            </div>
        </div><!-- row -->

        <div class="row">
            <div class="col-lg-12">
                <p class="lead">{{forum_description}}</p>
            </div><!-- col-lg-12 -->
        </div>{{search_or_add}}
    </div><!-- container -->
</div><!-- jumbotron -->

<div class="container">
    <div class="row">
        <div class="col-lg-9 col-sm-9" id="main_content">
            {{feedback_status_menu}} {{body}}
        </div><!-- main_content -->

        <div class="col-lg-3 col-sm-3" id="sidebar">
            {{sidebar}}
        </div><!-- sidebar -->
    </div><!-- row -->
</div><!-- container -->

<div id="footer">
    <div class="container">
        <p class="text-muted text-right small"><a href="http://sugester.pl/"
        target="_blank">Powered by Sugester</a></p>
    </div>
</div>​


Powrót


Dodaj komentarz