Przejdź do treści

Kod Handlebars nowego szablonu forum w Bootstrap 3

Aktualizacja: Wyświetleń: 4098 1 min czytania
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>​

Czy ten wpis był pomocny?

Udostępnij

Komentarze