randomForm.blade.php 5.93 KB
Newer Older
1
@extends('templates/layout', ['styles' => '/css/randomForm.css'])
Korko's avatar
Korko committed
2

Korko's avatar
Korko committed
3
4
@section('header')
    @parent
5
6

    <!-- config js -->
Korko's avatar
Korko committed
7
    @javascript([
Korko's avatar
Korko committed
8
9
        'alert' => session('message', ''),
        'api'   => config('captcha.sitekey'),
Korko's avatar
Korko committed
10
    ])
Korko's avatar
Korko committed
11
12
13
@stop

@section('navbar')
Korko's avatar
Korko committed
14
    <ul class="nav navbar-nav navbar-nav-left">
Korko's avatar
Korko committed
15
16
17
        <li><a href="#what">@lang('form.nav.what')</a></li>
        <li><a href="#how">@lang('form.nav.how')</a></li>
    </ul>
Korko's avatar
Korko committed
18
    <ul class="nav navbar-nav navbar-nav-right">
Korko's avatar
Korko committed
19
        <li><a href="#form">@lang('form.nav.go')</a></li>
Korko's avatar
Korko committed
20
        <li><a href="{{ route('faq') }}" target="_blank">@lang('form.nav.faq')</a></li>
Korko's avatar
Korko committed
21
    </ul>
Korko's avatar
Korko committed
22
@stop
Korko's avatar
Korko committed
23

Korko's avatar
Korko committed
24
@section('body')
Korko's avatar
Korko committed
25
26
27
28
    <div id="header">
        <div class="bg-overlay"></div>
        <div class="center text-center">
            <div class="banner">
Korko's avatar
Korko committed
29
30
31
32
                <h1>@lang('form.title')</h1>
            </div>
            <div class="subtitle">
                <h4>@lang('form.subtitle')</h4>
Korko's avatar
Korko committed
33
34
35
36
37
38
39
            </div>
        </div>
        <div class="bottom text-center">
            <a id="scrollDownArrow" href="#"><i class="fa fa-chevron-down"></i></a>
        </div>
    </div>

Korko's avatar
Korko committed
40
    <div id="what" class="light-wrapper">
Korko's avatar
Korko committed
41
42
        <section class="ss-style-top"></section>
        <div class="container inner">
43
44
            <h2 class="section-title text-center">@lang('form.section.what.title')</h2>
            <p class="lead main text-center">@lang('form.section.what.subtitle')</p>
Korko's avatar
Korko committed
45
            <div class="row text-center what">
Korko's avatar
Korko committed
46
                <ul class="media-list w-100">
Korko's avatar
Korko committed
47
48
                    <li class="media">
                        <div class="media-left media-middle">
49
                            <img class="media-object" src="/images/calendar-icon.png" />
Korko's avatar
Korko committed
50
51
                        </div>
                        <div class="media-body">
52
53
                            <h4 class="media-heading">@lang('form.section.what.heading1')</h4>
                            <p>{!! nl2br(trans('form.section.what.content1')) !!}</p>
Korko's avatar
Korko committed
54
55
56
                        </div>
                    </li>
                </ul>
Korko's avatar
Korko committed
57
58
59
60
61
62
                <div class="card w-100">
                    <div class="bg-light card-body">
                        <h6 class="card-title">@lang('form.fyi')</h6>
                        <p class="card-text">{!! nl2br(trans('form.section.what.notice', ['button' => str_replace("\n", '', view('partials.paypalButton'))])) !!}</p>
                    </div>
                </div>
Korko's avatar
Korko committed
63
            </div>
Korko's avatar
Korko committed
64
        </div><!-- /.container -->
Korko's avatar
Korko committed
65
        <section class="ss-style-bottom"></section>
Korko's avatar
Korko committed
66
67
68
    </div><!-- #what -->

    <div class="parallax">
69
70
        <div class="container inner"></div>
    </div>
Korko's avatar
Korko committed
71
72
73
74

    <div id="how" class="light-wrapper">
        <section class="ss-style-top"></section>
        <div class="container inner">
75
76
            <h2 class="section-title text-center">@lang('form.section.how.title')</h2>
            <p class="lead main text-center">@lang('form.section.how.subtitle')</p>
Korko's avatar
Korko committed
77
            <div class="row text-center how">
Korko's avatar
Korko committed
78
                <ul class="media-list w-100">
Korko's avatar
Korko committed
79
80
                    <li class="media">
                        <div class="media-left media-middle">
81
                            <img class="media-object" src="/images/user-icon.png" />
Korko's avatar
Korko committed
82
83
                        </div>
                        <div class="media-body">
84
85
                            <h4 class="media-heading">@lang('form.section.how.heading1')</h4>
                            <p>{!! nl2br(trans('form.section.how.content1')) !!}</p>
Korko's avatar
Korko committed
86
87
88
89
                        </div>
                    </li>
                    <li class="media">
                        <div class="media-body">
90
91
                            <h4 class="media-heading">@lang('form.section.how.heading2')</h4>
                            <p>{!! nl2br(trans('form.section.how.content2')) !!}</p>
Korko's avatar
Korko committed
92
93
                        </div>
                        <div class="media-right media-middle">
94
                            <img class="media-object" src="/images/paper-icon.png" />
Korko's avatar
Korko committed
95
96
97
98
                        </div>
                    </li>
                    <li class="media">
                        <div class="media-left media-middle">
99
                            <img class="media-object" src="/images/mail-icon.png" />
Korko's avatar
Korko committed
100
                        </div>
Korko's avatar
Korko committed
101
                        <div class="media-body">
102
103
                            <h4 class="media-heading">@lang('form.section.how.heading3')</h4>
                            <p>{!! nl2br(trans('form.section.how.content3')) !!}</p>
Korko's avatar
Korko committed
104
                        </div>
Korko's avatar
Korko committed
105
106
                    </li>
                </ul>
Korko's avatar
Korko committed
107
108
109
110
111
112
                <div class="card w-100">
                    <div class="bg-light card-body">
                        <h6 class="card-title">@lang('form.fyi')</h6>
                        <p class="card-text">{!! nl2br(trans('form.section.how.notice', ['link' => '<a href="https://github.com/Korko/SecretSanta">GitHub</a>'])) !!}</p>
                    </div>
                </div>
Korko's avatar
Korko committed
113
            </div>
Korko's avatar
Korko committed
114
        </div><!-- /.container -->
Korko's avatar
Korko committed
115
116
117
118
        <section class="ss-style-bottom"></section>
    </div><!--/#how-->

    <div class="parallax parallax2">
119
120
        <div class="container inner"></div>
    </div>
Korko's avatar
Korko committed
121

122
    <div id="form" class="light-wrapper">
Korko's avatar
Korko committed
123
124
        <section class="ss-style-top"></section>
        <div class="container inner">
125
126
            <h2 class="section-title text-center">@lang('form.section.go.title')</h2>
            <p class="lead main text-center">@lang('form.section.go.subtitle')</p>
Korko's avatar
Korko committed
127
            <random-form id="randomForm" action="/"></random-form>
Korko's avatar
Korko committed
128
        </div><!-- /.container -->
Korko's avatar
Korko committed
129
        <section class="ss-style-bottom"></section>
Korko's avatar
Korko committed
130
    </div>
Korko's avatar
Korko committed
131
@stop
Korko's avatar
Korko committed
132

Korko's avatar
Korko committed
133
134
@section('copyright')
    @parent
Korko's avatar
Korko committed
135

Korko's avatar
Korko committed
136
    <br />{!! trans('footer.icons', ['author' => '<a class="themeBy" href="https://www.iconfinder.com/iconsets/doublejdesign-free-icon-handy_color">Double-J Designs</a>']) !!}
Korko's avatar
Korko committed
137
@stop
Korko's avatar
Korko committed
138

Korko's avatar
Korko committed
139
@section('script')
140
141
142
143
    @parent

    <script type="text/javascript" src="{{ mix('/js/common.js') }}"></script>
    <script type="text/javascript" src="{{ mix('/js/randomForm.js') }}"></script>
Korko's avatar
Korko committed
144
@stop