Moving to big computer

This commit is contained in:
R. Eric Wheeler 2017-04-24 12:21:22 -07:00
parent 5340ae77c5
commit e60363f8c7
6 changed files with 144 additions and 22 deletions

View File

@ -2,8 +2,7 @@
{% block body %} {% block body %}
<div class="uk-width-1-1"> <div class="uk-width-1-1">
{{ dump(userInformation) }} {{ dump(form) }}
</div>
{% if userInformation.resourceOwner.name == 'yahoo' %} {% if userInformation.resourceOwner.name == 'yahoo' %}
{% set name = userInformation.nickname %} {% set name = userInformation.nickname %}
{% else %} {% else %}

View File

@ -15,21 +15,56 @@
</head> </head>
<body> <body>
{% block debug %}{% endblock %} {% block debug %}{% endblock %}
<div class="uk-offcanvas-content">
<div class="uk-container-small uk-container uk-margin-large-top uk-margin-large-bottom"> <div class="uk-container uk-container-expand uk-hidden@m">
<div class="uk-responsive-width uk-width-3-4 uk-align-center"> <nav class="uk-navbar">
<div class="uk-logo uk-animation-scale-up uk-transform-origin-top-center"> <div class="uk-navbar-left uk-responsive-width">
<a href="{{ path('sikofitt_doughnutwedding_default_index') }}"><img src="{{ asset('images/logo.png') }}" /></a> <a href="{{ path('sikofitt_doughnutwedding_default_index') }}"><img src="{{ asset('images/logo.png') }}" /></a>
</div> </div>
<div class="uk-navbar-right">
<a uk-navbar-toggle-icon="" href="#offcanvas" uk-toggle="" class="uk-navbar-toggle uk-hidden@m uk-navbar-toggle-icon uk-icon"></a></div>
</div>
</nav>
</div>
<div class="uk-container-small uk-container uk-margin-medium-top uk-margin-medium-bottom">
<div class="uk-visible@m uk-responsive-width uk-width-3-4 uk-align-center">
<div class="uk-logo uk-animation-scale-up uk-transform-origin-top-center">
<h2 class="uk-text-center">ERIC + KATRINA'S</h2>
<a href="{{ path('sikofitt_doughnutwedding_default_index') }}"><img src="{{ asset('images/logo.png') }}" /></a>
<h3 class="uk-margin-small-top uk-text-center">MAY 12TH, 2017</h3>
</div>
</div> </div>
{% include 'flash_messages.html.twig' %} {% include 'flash_messages.html.twig' %}
{% include 'off_canvas.html.twig' %}
{% block body %}{% endblock %} {% block body %}{% endblock %}
<a href="{{ path('fos_user_registration_check_email') }}">check</a>
<a href="{{ path('fos_user_change_password') }}">check</a>
<a href="{{ path('fos_user_resetting_check_email') }}">check</a>
{% include "social_login.html.twig" %} {% include "social_login.html.twig" %}
{% block footer %}{% endblock %} {% block footer %}{% endblock %}
</div>
<div id="offcanvas" uk-offcanvas="overlay: true">
<div class="uk-offcanvas-bar">
<ul class="uk-nav uk-nav-default">
<li class="uk-active"><a href="#">Active</a></li>
<li class="uk-parent">
<a href="#">Parent</a>
<ul class="uk-nav-sub">
<li><a href="#">Sub item</a></li>
<li><a href="#">Sub item</a></li>
</ul>
</li>
<li class="uk-nav-header">Header</li>
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
<li class="uk-nav-divider"></li>
<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
</ul>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>

View File

@ -2,28 +2,54 @@
{% extends 'base.html.twig' %} {% extends 'base.html.twig' %}
{% block body %} {% block body %}
<div class="uk-child-width-1-3@s uk-grid-small" uk-grid> <div class="uk-home uk-child-width-1-3@s uk-grid-match uk-grid-small" uk-grid>
<div> <div>
<div class="uk-inline uk-transition-toggle uk-cover-container uk-height-large uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle"> <div class="uk-background-cover uk-background-fade uk-our-story-home uk-height-large uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">
<a href="#" class="uk-position-cover"></a>
<img src="http://placekitten.com/g/305/450" class="uk-position-cover uk-width-1-1 uk-height-large" /> <div class="uk-light uk-width-1-1 uk-overlay uk-margin-large-top uk-position-center">
<div class="uk-dark uk-overlay uk-overlay-primary uk-width-responsive uk-margin-large-top uk-position-center"> <h3 class="uk-position-cover uk-text-center"><a href="#" class="uk-position-cover uk-box-shadow-small">our story</a></h3>
<h2>About Us</h2>
</div>
<div class="uk-transition-fade uk-background-cover uk-position-cover" style="background-image:url(http://placekitten.com/g/305/451)">
<a href="#" class="uk-display-inline-block uk-position-cover"></a>
</div> </div>
</div> </div>
</div> </div>
<div> <div>
<div class="uk-background-cover uk-margin-small-bottom uk-height-small uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle" style="background-image:url(http://placekitten.com/g/500/500);"></div> <div class="uk-background-cover uk-doughnut-rsvp uk-margin-small-bottom uk-height-small uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">
<div class="uk-height-small uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">Small2</div> <a href="#" class="uk-position-cover"></a>
<div class="uk-light uk-width-1-1 uk-overlay uk-margin-small-top uk-position-center">
<h3 class="uk-position-cover uk-text-center"><a href="#" class="uk-position-cover uk-box-shadow-small">RSVP</a></h3>
</div>
</div>
<div class="uk-height-medium uk-background-cover uk-photo-home uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">
<a href="#" class="uk-position-cover"></a>
<div class="uk-light uk-width-1-1 uk-overlay uk-margin-small-top uk-position-center">
<h3 class="uk-position-cover uk-text-center"><a href="#" class="uk-position-cover uk-box-shadow-small">photo gallery</a></h3>
</div>
</div>
</div> </div>
<div> <div>
<div class="uk-height-medium uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">Medium</div> <div class="uk-height-medium uk-background-cover uk-margin-small-bottom uk-location-home uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">
<a href="#" class="uk-position-cover"></a>
<div class="uk-light uk-width-1-1 uk-overlay uk-position-center uk-margin-small-top">
<h3 class="uk-position-cover uk-text-center"><a href="#" class="uk-position-cover uk-box-shadow-small">location</a></h3>
</div>
</div>
<div class="uk-height-small uk-background-cover uk-doughnut-get-in-touch-home uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">
<a href="#" class="uk-position-cover"></a>
<div class="uk-light uk-width-1-1 uk-overlay uk-position-center uk-margin-small-top">
<h3 class="uk-position-cover uk-text-center"><a href="#" class="uk-position-cover uk-box-shadow-small">get in touch</a></h3>
</div>
</div>
</div> </div>
<div class="uk-width-1-2@m uk-width-1-1@s">
<p class="uk-text-lead uk-padding-remove-vertical">Want to attend but can't make it to Oregon?</p>
</div>
<div class="uk-width-1-2@m uk-width-1-1@s">
<p class="uk-text-meta">
Watch us tie the knot on Facebook! We know many of you wont be here in person. so we'll be broadcasting the ceremony live. Join our wedding group on Facebook and you'll be able to see the doughnut festivities as they happen!
</p>
</div>
<div class="uk-width-1-1">
<p class="uk-text-center"><a href="#" class="uk-width-1-5@m uk-width-1-1@s uk-button uk-button-primary">Join Group</a></p></div>
</div> </div>
{% endblock %} {% endblock %}

View File

View File

@ -33,7 +33,7 @@ security:
yahoo: /login/callback/yahoo yahoo: /login/callback/yahoo
login_path: /connect login_path: /connect
use_forward: false use_forward: false
failure_path: /connect failure_path: /login
oauth_user_provider: oauth_user_provider:
service: hwi_oauth.user.provider.fosub_bridge service: hwi_oauth.user.provider.fosub_bridge
access_control: access_control:

View File

@ -9,6 +9,68 @@
@base-heading-font-weight: 300; @base-heading-font-weight: 300;
@form-background: #ffffff; @form-background: #ffffff;
.uk-home {
.uk-overlay {
h3 {
a {
text-decoration:none;
border:0;
letter-spacing:.15rem;
text-transform: uppercase;
&:hover {
text-shadow: #000000;
}
}
}
}
.uk-background-fade {
transition-duration: .3s;
transition-timing-function: ease-out;
transition-property: background-image,transform,filter;
}
.uk-our-story-home {
height:465px !important;
background-image: url('/images/home_our_story_1.jpg');
&:hover {
background-image: url('/images/home_our_story_2.jpg')
}
}
// photo
// location
.uk-photo-home {
background-image: url('/images/home_photo.jpg');
&:hover {
}
}
.uk-location-home {
margin-bottom:15px !important;
background-image: url('/images/home_location.jpg');
&:hover {
}
}
.uk-doughnut-rsvp {
margin-bottom:15px !important;
background-image: url('/images/home_doughnut_1.jpg');
&:hover {
background-image: url('/images/home_doughnut_2.jpg');
}
}
.uk-doughnut-get-in-touch-home {
background-image: url('/images/home_doughnut_2.jpg');
&:hover {
background-image: url('/images/home_doughnut_1.jpg');
}
}
.uk-background-home {
}
}
.uk-input, .uk-input,
.uk-select, .uk-select,
.uk-textarea { .uk-textarea {