Last active
June 19, 2020 15:32
-
-
Save Ravenstine/aa7bd7a7d36641dd5daa5ad6b6eebb5a to your computer and use it in GitHub Desktop.
Ember Custom Elements: Super Rentals
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Adapter from '@ember-data/adapter'; | |
import RENTALS from '../lib/rentals'; | |
export default class ApplicationAdapter extends Adapter { | |
findAll() { | |
return { | |
data: RENTALS | |
}; | |
} | |
find(id) { | |
return RENTALS.find(rental => rental.id === id); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Component from '@glimmer/component'; | |
import { customElement } from 'ember-custom-elements'; | |
@customElement('jumbo-component') | |
export default class extends Component { | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Component from '@glimmer/component'; | |
import { customElement } from 'ember-custom-elements'; | |
@customElement('map-component') | |
export default class MapComponent extends Component { | |
get src() { | |
return this.args.thumb ? 'https://gist.githubusercontent.com/Ravenstine/aa7bd7a7d36641dd5daa5ad6b6eebb5a/raw/ce8287a5e0d6f66f90142cef3796288392d3f5ba/portland-thumb.png' : 'https://gist.githubusercontent.com/Ravenstine/aa7bd7a7d36641dd5daa5ad6b6eebb5a/raw/ce8287a5e0d6f66f90142cef3796288392d3f5ba/portland.png'; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Component from '@glimmer/component'; | |
import { tracked } from '@glimmer/tracking'; | |
import { action } from '@ember/object'; | |
import { customElement } from 'ember-custom-elements'; | |
@customElement('rental-image') | |
export default class RentalImageComponent extends Component { | |
@tracked isLarge = false; | |
@action toggleSize() { | |
this.isLarge = !this.isLarge; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Component from '@glimmer/component'; | |
export default class RentalsFilterComponent extends Component { | |
get results() { | |
let { rentals, query } = this.args; | |
if (query) { | |
rentals = rentals.filter(rental => rental.title.includes(query)); | |
} | |
return rentals; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Component from '@glimmer/component'; | |
import { tracked } from '@glimmer/tracking'; | |
export default class RentalsComponent extends Component { | |
@tracked query = ''; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// For some reason, this doesn't play nice as a normal | |
// Twiddle dependency, and you can't insert script elements | |
// in templates for whatever reason. | |
export function initialize() { | |
document.documentElement.setAttribute('mode', 'ios'); | |
const mod = document.createElement('script'); | |
mod.src = "https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"; | |
mod.type = 'module'; | |
document.body.insertAdjacentElement('beforeend', mod); | |
const nomod = document.createElement('script'); | |
nomod.src = "https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"; | |
nomod.nomodule="true"; | |
document.body.insertAdjacentElement('beforeend', nomod); | |
} | |
export default { | |
initialize | |
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export default [ | |
{ | |
"type": "rentals", | |
"id": "grand-old-mansion", | |
"attributes": { | |
"title": "Grand Old Mansion", | |
"owner": "Veruca Salt", | |
"city": "San Francisco", | |
"location": { | |
"lat": 37.7749, | |
"lng": -122.4194 | |
}, | |
"category": "Estate", | |
"bedrooms": 15, | |
"image": "https://upload.wikimedia.org/wikipedia/commons/c/cb/Crane_estate_(5).jpg", | |
"description": "This grand old mansion sits on over 100 acres of rolling hills and dense redwood forests." | |
} | |
}, | |
{ | |
"type": "rentals", | |
"id": "urban-living", | |
"attributes": { | |
"title": "Urban Living", | |
"owner": "Mike Teavee", | |
"city": "Seattle", | |
"location": { | |
"lat": 47.6062, | |
"lng": -122.3321 | |
}, | |
"category": "Condo", | |
"bedrooms": 1, | |
"image": "https://upload.wikimedia.org/wikipedia/commons/0/0e/Alfonso_13_Highrise_Tegucigalpa.jpg", | |
"description": "A commuters dream. This rental is within walking distance of 2 bus stops and the Metro." | |
} | |
}, | |
{ | |
"type": "rentals", | |
"id": "downtown-charm", | |
"attributes": { | |
"title": "Downtown Charm", | |
"owner": "Violet Beauregarde", | |
"city": "Portland", | |
"location": { | |
"lat": 45.5175, | |
"lng": -122.6801 | |
}, | |
"category": "Apartment", | |
"bedrooms": 3, | |
"image": "https://upload.wikimedia.org/wikipedia/commons/f/f7/Wheeldon_Apartment_Building_-_Portland_Oregon.jpg", | |
"description": "Convenience is at your doorstep with this charming downtown rental. Great restaurants and active night life are within a few feet." | |
} | |
} | |
]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Model, { attr } from '@ember-data/model'; | |
const COMMUNITY_CATEGORIES = [ | |
'Condo', | |
'Townhouse', | |
'Apartment' | |
]; | |
export default class RentalModel extends Model { | |
@attr title; | |
@attr owner; | |
@attr city; | |
@attr location; | |
@attr category; | |
@attr image; | |
@attr bedrooms; | |
@attr description; | |
get type() { | |
if (COMMUNITY_CATEGORIES.includes(this.category)) { | |
return 'Community'; | |
} else { | |
return 'Standalone'; | |
} | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
�PNG | |
��� | |
IHDR��,��,���N�~G���PLTE��� | |
#%!&&&).-2*5.)#28%h32-988-=C:B6D=51CJ6tEV3IIHPNMNWIRTMXWWQ�6`^[\mS_``�*)dcZ:L�hgf�@9mzfponsrnQ`�xxwr�_�{p�RNm�������v�y�����������������������������|w�◮���\���ǰ����囕��n��ݰܖ��e����Ǔ�Ҩu������謫����秹����Ő���ִ�̓�ע�ʱ������������̥�������������ѭ����殳���ַ��������������������������������������������������������������������������������9���K�IDATx�ͽ�_�H��M����Or�1&{ϑq��sC��~���^<&<��l��2�V�H���߮��V�Ԓe ���� �eY�������z&�gސq�}�{��g����信�]���$�O�|�o���Ǐ��뵌����ӧ�ĕ��U�w&_��O�ӟ���:ff���<��7-_!2y�+� | |
�,,0����ُ|���-���p�J��<�1+��:�&^��0������f/�c��Ф�~:��R�y~�xW���@�x�� | |
��T$�N������������r��?�t�'H��ln7�?�kO�"�������&]ONS'Q��XB�넿����&��s�e��$�BV�� | |
�p�!�O���TM�B�yn� | |
�Mj!�Nsu^J��KP�x���?��<4⑀��_K������i��ǵ��������}l,�Ök_��� | |
��sD��Ǐ7�'��'�q�&��v�U�<��嘕��+�^�4���5bG�zk�<y�4RJ4�=�4��?�WN�h��L��5B=t���U�<�Z�<4]��=}�m9���b5��Z(V��� | |
�C�� | |
�c`�$�<��/ż"&M���?<O�je���f�9,���7���g�1,��X���ۦ#t�(}�W�u�!��pv��I^y�Q����ɪ�w9V^�҃��|�sJ�6C�հ�V��*� | |
�K�q�W�FiM���2:��Oo}�ą��|i}�U'��U�t�b{%ԇ�3������{�b�v����� | |
��]l$���(|}��B8\�+iͬ���*���t:=뗲Xy6.�Z(q��J��>����'p�.hԳ��A9 | |
�]�l��G6Ơ��ŝ���6��E=�.O��q�-W+�4]�:c#�5BX�MV���?�k|��n��t�=t���"t�'kF����9`���|V�.�ȟ�&`�7��R���o?ϡݽ���xI�e�<a�b�B�7���f�k�`)���DV�m���a�$���ZDk,�|-��br5\�%:�����vN"��䒋c� �ud�XX%,=�:�r���&kS�I��'��M=��%�A�ea��L�U���Ä@M�#a��a1������!������<��R�R����.ƙ�QoF䜜N=�&�y6�δ�N*�X���ȆZ�b/GPq[z���n � s����2oԚbQQ�$�*,�����`mB"��+a��,�ti\����q-"����e`!.��?��0� �GL������L���`�Z���q�yB)Oq��J� | |
��`��=�!�de���T�ܰ�_F�v�x�ǭ+�2یf�d�C��� �LUT^�T�$,����9���K�Ҧ�����a�{�v�]�➍��'��g���Ύ�9F^?�$-ۉ�s�3�z�.XQ�D�+�Y���n܀��]��c{�/]9��SaXEb:Z$߅�6���Ϙ�g�������'`]�T��������v�&�WԸ | |
���H:� Jj�#��`]���g$+w�سi9,�uuy�f��^,�����@��X+���b����kV��� ���仱�1����v��l��� | |
\+,�N�f+!.Y�^��>�R`���,.�qA�&�za0�d�rBK*��I�=�z=t�!a`Ĉ���o���ֳ�<�[��^X�VZ�ÙZ�_�p������Υ�L�.,f�r�������k����K���O뵧T���6�u�0��m�7.����aᏥ����Z`��S��V��V�I���s6�mvT���t��'��K��l������A�@ڬ�|V8�I]���� C|.H��V��ZG,ߛ�<,h� ���3�TA��@�,�?xiZ�xo�z���pcDfk���] | |
4��ҹd44�am��ELɂC�^[m3MI�N'�p]4� �0i�$��F�����h�/� | |
41/ | |
� +�?-�0m�͎��Z~��Ѧ~ۥ�iZ Vٰ��Y�_,��:l>�;�:y.�:X��u˥�y���Uq�������a� | |
����EڃO�Rl�#�e��-����a�8��p[Y.1���3�p | |
w��t����{i��Y����hrȒ+�+��� | |
"���I�s�墹dž��M�fE1��c�#.��!c�!h4�ܰ����s��h���~���\XR��`����A�L�QP<�wh�K | |
�O�S��\*�2ab���3i�I�R��HҚ�b���t���KR���a3� -d�"���� | |
���%��<v���+�XÄ [`À��YX���?�S��Y�0�w����-Y�5MXf�Ɏ:�q���r�����&ȓMK|�P�Kº���C�>⋉��&�j�2�J�aqZ4��m� | |
�9�߹��N��L��{�8;���r9�)M�5T�%\���]V�Y`y����7w�0�t������|�������%k�L�i`a���#eX4�c��2YYNE!�2s�cU��k�s^�伿����%�6��X6��m�7ߥh��y������wX�\X�gSCl ]�oF�63YiIuJ�C..�&fI�7�����Y�+ ]���$�(XNV2M���-W�����,���;�a�t�#�ʆE�aˆe٬��e�"��M���f�EZ�1[�0�xR�s�R��f�A���ҹV | |
Vl�'Ӓ�"��ɷ������ �E:�A�p����� | |
a�Kt��4���I�h9�K|N>�v�`IZ+̃%�"9��:��k��t*�3/�ji��K]b�`9Ҷ$���(\>MF��(�D�lV:��Y2Q�PCl���²!���4�$,�NzT�᠂�Dx�lFA-�:\�\X�����X0��'�0�W���Z$\R�Z�ۙ$Y�̓�i>,��aA��RnC�M�S���IĨ���pXx�X��ז,\�gâfg?�Y�x�yaZOd�Y����6Z.X,�d}��Nv���of�;̛�o���D����d�zn�"�;S���XD����8�f3a����n�kS��t�y | |
ZϥX������O�Vt)X�"����St3^�әAiZ�Z�4��pQ�C��J�k���zC�j6��@�<�N�Vr}��4�xۙ�0H�����������g�g�\��r�) | |
ˤ�F�9�@Iwq4�� | |
_3'Y��"�׆!���!<c#7Z'Vj��H��5=�MK.b�;.�o | |
�u�b��a�(,��>�LN߈F5v2�FjU�X=h��NVˀe� �#����D\/cXO���,X���z��IMZrD�r5F�9&�Tu�LXI� | |
��`M��NH �a | |
��H��g��|G��t�N��ą� | |
��ч���SՂ��|�fiX�E�o� �BX@�ȝ����r&A�6�US�Y�i�@��!�2�V�RNiaX�X�}* | |
�w漄X���8Q��.��,V���&��"��8��|}�VC���Z�-N3F1tu_�%��t��Ny������ | |
&��<�w��+��N��q | |
�f� ��(�=�lX�oج�+��X�C | |
�%\�T�Q�`���i�c\���(Q'2pÒ����k�D�p�{����JخԢ�Vj@m�JEo�E��u3N�J*f�"-�ݜ����<g��૯<����ЃOT"���P&�Y�˸�e4��>]���VF�i/�y��M��W_b��#qy3/^(V@˷�� | |
+C | |
E��o*%���XJӰ��ճ�Q�7��_}���=�ߝX�5nf��4,� ��L�~j\ ̀@],(���u`et�~���/���=���5��N{�V&��wJ��D� ���W�#�e��r��lY | |
�}6���� | |
g�- | |
���f�� �eO.&�V���E� | |
p=<)Z7i}nX�mX����BwY��S��F�醕-Y`��oI��Bh_"�vL��>X�ް ,�PC�7���a | |
cov3��֦�� ˨Y{ D�V�i��0$�+�m����a���Ʊ>��3��߾�]+����e`��?YB�i�LZ;�V���+C�^��R���H��AQ�J�ª���:ZpEgg���+;œ餏�u��wg���4��M���ّ�$.�)�"E+"Z���c+OG���}�,�d>���2S�40��BET��}��{ | |
X�y��$�?�H����`m&zbe�}}Z�a2���E*5nB�,~-���R�T_��P7'��Ͼ"�L��[�ڴϘ k3��r��Nk���S�#c4�)�iXSij� | |
�����B������iY� �D�ks | |
X��N�¥�<MKt�T~C����5~�FNj�vX��#���k_ٰ<�2����� | |
��?�.{�a��kP۠H�Z��3zl��VC���VV�.�4�~�?��CAз$�&i�G��?�kӵ@Uy�{�� K�Z���Ԅ})�UV�X�8M�F�Ճ/<���Y���^����fO,�r`��59��M�x�J�z�1$k | |
5,f�,?������W�>���{��D+b��}�+9���0�q | |
ae�S���&ðCT� +�l���s�����~�~VV"���p��DMX�a����%����ǰ^���<��� | |
�ЛM8G�=z�l$�T柅J�.V0��vKz�F�ɞ��U)3�-y���iv>+�нf�C?+�Tp?�~�9n | |
yҰ6�9�K��y|���c=Ih)t`qX���r�2+H%Q��<���e�,�eҒq.Æm:���Y�:�̧hqܷo���璒UV�j�Y��Wr�o�&�'*X��Z�a�$�L� ����q������z��3I��M<�V��^�PN���?W8�9s�Akt"�1r� | |
9� ��݊�#/nE�h�V��Qb�Y{� | |
�)K�J�f-��V�"@_J3o*"M>��SrH]"�L���d�GQ��ɰ�K1;E��L�H�p8�yc�" | |
(?hNY+�.�A_z�y���+��*�p��F5�X�����Ɉ"P�[�EYE>c��G%NB��mЈ�E� | |
+���QY���މ51�J���4[��P��ךxL�]*�#���������灕��f�J�6W�%h�O���#�+�[mܡ�/���uIX����֩a��O'�`y��`[w)\��9*za�J_o(we~��{�d�T�Cջ_���6:C')���;a | |
��Egߴaɿ�.�C��)K�����)�:�c��"Bhk㒰��������υ�:`�Q��&,c/NOѰ������c��#�r��<ȓ�x�'���g�`�k����NX���ql+K��X5%��F�s�F�����Xk�MUʀ�TD96�W\B�1[���ۉ��|6�&��J�1_hX-=\5�N���l��(=*�M�(�zX�ݞ��ς�[�&�pN݇�T�7�c=��$���c�3ay:�P� �p�A:T A�6"�k'-���x�"�q��-� | |
o;`��C��(,�">L�j���-Y���늈�� ���܌�����"�㓍� �$O�W0-�`F:��q�����8�tkC����6* | |
ˋ�\�����FZ�m�:V� �xN�6$����ʸDZS�{#��fN:{2�4� | |
�`Ay�8n;�&�,�O�B�S2a%�}Ki��ۓ-���-;IB5�:};�L`����kɇ��"�|�?T�Ǎ���d%�� ���ym�Y-Z����-9_x`&]&=��o줒��`�/�P�wNF�{;��6a�oXQB�`Ѯ�z�e%N���C6,͋�>���m�]�ݒ3P����%cc�>��S̬�ӈ�E��w���H�RE� | |
���q,R�w�eP#V;�K��vZpT�&� | |
�2��V�IZ�j�%�̺U�,2�D�Ɵ�{��C-y�����3�>�S�5#�X�)��3C�X�DZ���#�[��~�H�q_�H:�!�+���^F�g�Ud�����wtdi�a 9�^>�F[a�<��#R>�����r���z��]��C� )s,ff���6Xq�eAX�K�Ӛ�y��O�"��Ud����]-����'�-ӿ�����C�������D��qk�i���>�ֱ��1J��y�O�%�S9K;(G4�v6�t��V�0��Q�dVxpƐ��C�c�65�wπ�}f< �N��1%çϷ�^�}���:���*��E]��-��s7�- | |
�I�a˕kOkw&�b�=1Yf;`�� | |
���9l��)��4� | |
Y���\�q�w��}���fM���� | |
цy�����IR}�tGYbE���E�s-V ��3a��|L=��K��[��YvT��>�����-��b'<Y�E��ে{[V����?\�q���C��Ʃ{jך�Â�?�<�7�+��P��Y`�&��;cG�� k�����c�,�p���A�'���l5Ģ�B�6l/A�2M��e�3i��,ZL9.{VUcfQ����O��`|F�����:�g��Z�7�e�uк����kb"Z�V�c%�Hb�{�:�$,�k�b�>&?�$3Z�����5�+Ն��aM�%`u����58���%���{��7�<�MCPâ�ܐ�������C�}G����0ƌ�*�����<Z��a�-X�#~~tt$W���� ���4,X�ƶ�co�a��-�(Y�x�{�(�\V�#M�8�d��5A����r�1���cV~2�0���(bGEizg�l<aG�ᔜI�:@=�`�Qz�#E�#�E>�D5҈`�ͷ����*iY%��zlغ��J���B����~�hi�� | |
H��st�Όq��O�r� | |
�,�r|��7aq�N�ӥp�Yݾ�n�z`��xj� p��pu�l\j'fϱx8VK�^���1(�v�|X���Z7�����=@ �a����e���˵����2 ��@ŏ5JxH�������� ,�e;�+�O,��elk����zfnN���i|����ڥ���V�(A+9�;D3��"��W��Q�x,=�T����_���L��Pt�C\�zo��D;*�u�] | |
����=�B�j����g�#WҎ��7g�6�L� | |
�9|�C����>:��ۺ�n����JX2�K�K�ɧe`- �V�^���G����h�>�\�j�j��oذf��Q`~;�c�;��;���ʳ�MX�)�~M�:AX1*������%����M�L��م��1qlȣԌ�VGL}�����ZhU�.Ѻ@�j �:9!�n�b�x�W��tDD^F,��dX��;�f�JlD��Uj�qE}��M)Zx��'��dkkKF3��R8ӄ��vf���1��V!1;5Fd�I],�,��*�ؾ�f(����j���^F_�b�!���s���Σ���G;���`�jd���3��@�#p����9��-�V�`�����+�ƴ:)X�f | |
VOt�C�/��Ƨͬ��XV4|gP�/��,������2��7���j�j��[@PV�y����:�he���*X����M0�����J�B��j���k,/,ֺ���͊��+�&W�PK���vW��՚Ej�^k��ڽ������ڵŅ{�~a��p8� X���� | |
O�36t�/^�2Q:��C�C�nJ | |
� | |
o��s���?.�v�ڠ����+�}�\گ���40a����)d�.�Bc��%:a�I;حR_\Y���tWIr�Y�!צ��a%������y��}GY | |
�5�jX���;��������4v��2XB"7n�V<��'~r0jk���#Z 9� | |
���Vo Em�� c���!�A�������1o���a���Z�7���s.��g��r�(�2��l�IX H��@Lx{ <�j���j��dM����ŻPә:[ (�2b��B | |
���[�Kt�ɽa������N��4,�,(ɢ�ԡ����\��&<�ٶ���Ffk�g�&���@�DX�����jlX���zÑP����&x<]�.�} | |
����~ | |
��@TC�z�m/�*ɚ`��-��0=,#&ͼG���L5DXCk����mԓ%�ƀ�&�/!P (mk���N��ϲ`}�ވ�(��2x�:��],��.��ʼnK�����tU(=\�~YXA��e���q� ���Y�&�;��⚣��V��p��f@�^���ƞ��bQ ��-��|kc��+`�qvW��P�����}�^��F��K�J�i`�D�a���! ��B�0&`�\�ggGGcp!nCdB���aQ���,Ƀ�amll1�%"<�ePT�� Y-�o X�⽚xoB����5E.*6�pM�e�7�B��Eɿa��r*S5�u�͛�+����1��ҙp��H��U�|gcC� | |
�K2a�S��IY�ۄ�fmހ%T�����)�[B��^T�4,��M�(2,�`bS�� X������ZZwW�1X�#�ﵳ����*Y��`k� X�u�#�W��gcaM���A����ay^��&�"\*l����is���8�B�!�����Nǀ%�-BXZ�N,¹`q~�spҿ | |
����_d?�(�(ʁe����3�%\H���I2^�@�K�X��o,i�o3�Z&kC�j��bX`�����������Z4`-\ ���5���B/�t�Jl�kw&,�*a���3h��f�ZU� X�7` 'A�b{�n |���Y�|=6˂6aU���V���L4֭��`NڣD7ƈ���#�Y�k��ް | |
X�S=���`R`�����d�d�����,� | |
Qթ7�AX��ϩ�B��qn��##��7g�f��*~E�1�:9ǁ4�3����?��uH|R�a��^ ,.{����HVX Z�f}SS)V*���&Xx�T�ytr�U�7`�p�)�Q�bH��[ݓ�S7^�տ���cX�x-�W�2�0 DPz��X|���Lυy���7��U[�/� �d4:Q��r<�ˍ��]x��T��1�}L�n�����9�CD�ћKk�z�f<ܙ��'�\��Wߧ�O�d�8� | |
���^θ�aa��`�kgwtx8j,�b�ɧXL�Y����:i�̍�Y@��ixcS��9�r��`1�4Y������4,��������Ã�L1�;9�r����~>� ܄�هJ������?k�9 ��h"������Ɓ��j�-�Y&,U�ڠ��R�����&��{n��X���?�j���r�����%Ü�K��ɡ����R���x\�=W�@�8X��n�ܜ[Z]���M��J��n�����@�?�VsqN��*��z�Tm�e�JT˄�^�z[�I��qr&��L���,K�:<���v?^��n��p�Xmzۅ8�:�.�b�4`,'Ǚ����03D8��`0���Ⱦ�����0 | |
��aulZ�aI�~�y�<�B8�IG�D��#1r�;<<��,��C�@���\"W;�Y25�djO1U�UNS�q~ͨK2+g | |
X���)a9�2�<s(��`�L�8��<����[;0?��������q��{o"���c�����kR|=�*'ì�z!tp)X�]",N | |
J�`��a�A��Yj�`�0���C�f�!?����ڄ�ag'�ۘ��DZ�g�����¸B��o47�h�e.),��;�|��yؒ�S� �+U��V���A��ɓ�f+kb�K�(�s���Ad�.mdzM����FI��Q��*&''�rZ©.��^�P�) _�{ey�Y$P$�Xsݓ�V�� | |
2V���Ј�Q��?��,��MKöh�&>�P�hR<rZ����v� | |
��>h2շMX��LX�4,F#�K��V��.h�p"V���Ŕ�CQ�;�X 7٦5<����Gv9X����4,X���E��6�2&,_���{� D��� ��$/�X�c�І\�`le�VK�X^$�����a��P����JK&��Ȥ;�B��އ,�oB�B7,a�����n�R�����%�?~��쏙\�a���C�VK8^��,����'�*,s��Jmt�yamn>sÒy������߫��Z�mX����aEj��Ъ�rF)�'*}3^� | |
�hQ�U�ay���1�½��5]���Jϰ.X|+��1,�a_��Jy�%3 | |
�!�>���3������ <��a����$�D�,ںA����t������ ���y��)P��V���;��#Io�|��X��!�RV��hA�-��x�j��c�KN%�`]O���PWt��z���gwc+��*���S��̑�t4���O��E;{�'�j~���$l \ث��;�i�`)4�k� | |
G8(r�Bhޛk��(�ts���EVq����(�Η�'&����d��?�b-�l�Z | |
��]H��-Z�XE`�u6�����X�z�`)g�d�tF;�"�����7n�M�m�ܐ�UJX�dyLF��$��in���reFڰ��h��R����.\�vp8: �p��D�嬽��{�s8��A��*%�w�,ư�5�_+��O����q��K�bE`�2�"1,�SN��;&��=&�|���O��ƍ���_���V�bƴ�6�O�b�պC7��̰܍#,iTՊLqKɎN]��%��Q�'�a5A�茀I˦�2��������56v�2�5�W����:���͍ =bq�d�������=ކ�mn�c~f�S�@��2i�ι��0�h�t9Se��ȷ�� V��:>��,��%s��4 | |
�~g�#ұ | |
����1����E����D�����d��fg��-��(Z\��h\�fe���D��B%��@"L�5̉�J�#��U�Hk3V�� Vpw��6���(N��t�E�1+�Cp�V$�u\��#�w$�5t@��lVv#X{�%�5%�#6�8҂����P�:^Pݓ:8� ��,Y7����L�m��MU��ӻMUQ(`�� O#�S�[P�@Z����Z�iÅ��듡�� | |
�����ߟ�����ǻ� | |
g�!���%����� | |
iE���g L*c\^,ZK�B���5�����-��9q����r.��Ćr&�{� | |
�d�2r����R�~yX��`h��Ӊ�\\i���?�Mϒp1��,�_�no�}{|�In�[��9_����S�=�sK��v��R2 ���"�i4,уF�|�`Q�^��Y�}fX�Èa�K�3��d�"Q���v���q7� | |
���XnM!`�0,s��`�dԧ!W���d}��ّ/p.ѳa�� | |
���4V���������+�Mq+�, | |
k��O�c�J� | |
s`����d�W �a���1,�XiX�4ɘ���%1~1]���O����&��`Ŷ���dݿ�L�C�p�o1.)Y�{d�:t�l#C1{8������v���� | |
���������1̞_���H'�I�� | |
</� �2T�j�I_z!2�E��#H$�E^#�;F�:��9�|��(�K�#�z��9�w���X�-��ANL�K�EG�6��7H���ˈh ]��҇b��:Q��}6XZ����n$'c�P�F�8���J�xg��e���jmJSo�z�AE ���ś?P<�����T0�Xܟ2�<#F��%1�s��X',�Ь�'z�p55�N�'2lW�-} | |
��NǂEϊ`�BX#�� | |
�[�sv����R��V]��n.X��I�t��,���ʕO"z�^R | |
�"����Ȑ�S���4�S���N�Fʄ�^g�F$n[��eu�S*�!�H͂�s%>�U@d������uY�đ��7�r��<_��U����D�/H�4u��y� | |
����N�al�g�������=,�p��0s[O�A��u�S`�t!ܜFi��% | |
�M�p��r�{IZ�V=1,�Lh_w�h$�{�`����Sʴ���ݕ- | |
�ũ7�/�U�є�5��J��$-s�Ȗ�N?�v`���Y?(X���?�jkwǝA=��_������" | |
�z���DK��M���!�q�79��Gz����͗��b��3��B�;�U�����B�ؒ�����+,iX�D��X�@���ܰ��*"]\�B�U�}��B�C1�4���#�aa��ކT����-g�TF�u�r�"S6K&�LY!bz-t�_�h�p�!��K5�A�Tz�/������p���:T�v�4�G-�V$�� | |
K��Ÿ"�x,˼>7��Z#��-�����-&�"e�$3� | |
��T�P��0i%` | |
i,��Av"��R��]n����ʾ�LX4��з�d5�6�mWX�mj�Q�z?����x>=�� | |
c`ϵR�$��h��*��k�7�K�2A�O���靬�� �Ձ8n�F8ЀP&Iʍ���,2�O���m,�!�dk��6Љ(����ɫ���6�h | |
e�k�^�B���� | |
����G�ZO.@��!�?���hw���Q���HX2�&^�G+��k��N_`)��0����+2�J�� | |
LZJH�OX�j=�?sc3ծ�㺪��?P9�!���������*Z�{ə�w�Ҩ��SJ&?4T�e�z+�NOu��W1����9~�L�j�D����$��yk�Exk���R3�ً�V��o�檫����P����(L�+�(#1P�g��v��0�6K��4��������R�:?;[�5����|�*^�X | |
�U�/3�1[ | |
���G�pY�N�nP��f�t��)�%Ե��dy�v�=ª�GPjv�4���wW�f�t�{��Bs0��,�%w@�~-�2i | |
�;rF9��p��k݉O8DZ�\��8Tx����:���,FX�j� | |
��ś�09l�����ѝ�`ղD��*C�\J�w�L� �'i1I���W�{�s�:�~��CY-�.���kv��R?s�2� | |
]d�b�ʒQۊꡎ5��,�k&�*K��<(Xx�K3�t�~�&�R�[��4㻳�]ƴ�"S\&����a!� �ΐ��uR��Y���4��=��<��g}��u���}.�X��s�PUvn7 | |
�,��;�,i�&�"O+�5ڐ��k�S��3Y�EhMw�4M!V9"X | |
_Ŀ4�A�+ | |
3G��JΥ8D�����ա38\:��]�����'њVb� | |
��u!`Q%�hˬ | |
X4�L�T��0Q�5���m�m6,�2�QR�������r'3�֤���+���A�h�To�IX!,��X���4Y������٫�aQp�� | |
l=̀���h9%kb����1`��Tѭ��s��,Xr���1$)_9�@�µѯh | |
,�K��K����C�SE���y�� k���k\��X��vc!t���dS��H��}$�ʏa5����`�@���� | |
�t��U(�J��U^����f�̀y���5�j �jjS�3(l���P� | |
p�=��.���� | |
ɂݿq��#E�za���T�c���Ryaia�t�I�a �����)3W�oe�J�N��L��0Z/��C_c��)���w��T | |
V0�T.a�a�V�1s���G�X����;����4-,m�2�dS�C���*ze��zV@�#�Ǽ$��4�}X�������nv}�Bʼ~@����\M�4zqL��rl}�;�k��EQ1��6���|,hؓ�Su <V�Bq%XrU��̈��A�+���\Y���5��/I)�z",XFF�e����\��X%,_&}��n- V��W�Ţ����1w��|�%;���� �m�i�;kU%��̩�j�� | |
�q�����\��*�r]I���_A:�沰<��I����3�v^��+ܰ�,uǡ\�b�{];��cB��{�0��e�s�D5�kDG&\,���������9�߽ZLY�xbWD�{��n)��,�:�״F�w�����_ | |
�� �����3W�����c�䖳R3c�%�9�A���z���S��LXo�����>Fe.ĸtˇ���b],�+�9v����o,�������˖�%�_X��,��G�'E��z�8�B�,Q� �M�,��4�+L��S���A���?��>������p�1eo'���Ȟ�B=V�!�s��y]�2���d���-'�+����?��ײ�x���_�z�>��x�>��n2Z��M��EU}8S���5�>��g�����ׂ��;A�HA��x��������^|ez�eu��V��1��2�jN�n�{�_f������w��������;��w|4RI�^Z��6X�f�:��a1X���*��E]��~������U����`�6!Z� ���dݽV�d�QW]���� p��\�,�:�7�mr4�w[n�s���z��X�h���]����h�lX�;<s>�������H&��R�^�{~�e�ԉ��N����J��'6+�E6�G�#�R��s�5g�Vj/?���v���`q>Q���c�?��$+�eݲ/gh��)�M��������-���*j�جbvtz-��aL�U.�+�vJ�kx�q����k����J �sT6ߘ���W�%`�.W����b��2��/�����҆+ɸ����ԕ���S��ĵ�V�z U瓙}���,6mxm�||��U�Lw��B���S�D믔˷�"YU��`2�{]����J��Oyj=V=���B. K�Z.�}��q�y���LR^ | |
��?Q�>�Ű���������a!S�ϰaqޭ�+]32�q�*��y��ڂ����mX_s!买�S�.�G����.t�W����r�iN̪c�i�Q�t���F4������6>IX�j;ذ>����`q�Z.�`M��~�~tĿ�a]����HX̂��rb��fx�@���E^ | |
�������ms`�P�N��n�Xy O����?$��_.�%`u��<#x0��p�;��6E����o;��YwZ��y�|������G�_dEO?+������ENwºX(�s�]����a�����M?S�Vڰ�JB:�;,t�S̼(Xj�(�'�o�s�^yj�K���u�|� v�0Q | |
�MX��)����;,t���oS�������\�U�3��S�O��$Kzbv�^f�� | |
K;�-�q�J�s� | |
!���-IX�r9�j�[�����0ڗ�(���и�蘰�Me<����|XڎvΩ���xg�< | |
�����̖���͌o����ƛ�B��g{A����������/�ox�Eҷsa�QEg��p�� | |
�Rn�:���d}A� | |
\�ܟ²iF�ofZ-a�Eo��a���O�{���[��톥E�wDkX��XzX����>o�JM=�)W]Q�P��R+5 | |
69HGb���䧿��G��T��s�扯O����Ci�<9�p_���Ƚ���d��<��Gf�*y}�&�PM˞m��?�`��rv>1��ep7�ͼ��!���)R | |
X�[�u��\v��k��k���*�� �Q�����p;��m��<;>d�i�c | |
Xk�r&7��:,�0���ܬ�GV�p�{�^0k�fuc�}@Yr�w��1B����_p('Y�m�]4�'��]'�VV���p���B���B�=�^L1�K�Rh��VkX���-�6��qwWϜ1���l<��O�z6Q+K���mj:�S_ފZ2�vO�����;Mu�@� | |
k����u����-܄H��d{��3�v��=����0�h�����+�+�)�m�7?[39픦w | |
�Jcr�&ܝ�';��l�X���ܴlXz���Ε | |
���B[4�F�ڍY��;�� | |
B.��ֈC��"����{�%a�מV>,��K��0��,v��7 | |
��Z��\�_�S;L����#�'l͆�����۟~��%䍭F��Ԏ]#,&�#~���{(2�B�X$5m$�Y�ٴ��gW�+�o�����q�~�������,�cI+��K��ɋ�r&��úX(?���+�J�b���ld��H%�� | |
��6���p�#Z1�ћ7�,y��>6���J��� ����Eq��:8��&.�x | |
+�a��#Z�k��:�N-��BF��i���^��[{J�j�ݺZ�{�\e<�LX���� ��:N��k�\��9F�r?h�\��U�5�`Qf�@�s�h1n�b١6U߉�4����n�T�_�}����U}Q����*xCؤs�rDK~-�Q�3�o��u6�lXA�^��>z��ѷ4�� | |
�W�����c�jĜ�����=�I� .V����?����Fc|���u��R���e�+��lX~�?�#�����05���LX��|�?8#X�Yh���)J=������K��`ߴj�}',��]Q���*XN��k7�������f_��F�//l`]��b��V����KT�]t�����V,�C�7��w�ܙ[l[W[/�r��X�V����4,W�9��h/�U�.���I��}�T�VJ�M��]-�]�3W��k�%���% | |
#�ԗ+�ҢFE��WS����~K���?����1�]+��u=�w��-��ɄhX ET���C�\a�ۋ�]���� n�Z�>����u��k��;s�PmuۼS�E�������ѣG�!.�k6� | |
5|f����F�+���A��Rih����ʦ՜�=b | |
V�aٞ��J_��V6i5攐�����*��ָ֗�'��K�Y��v�'TG�=x��[�� \�z��� | |
�^��}�]��ݪ,��;u��ê��9ߞS�g��7����0�����B��YҾ���Ax*���� | |
�_~s�B<T��VKfĿ������ | |
��]����p<j6�P�G(�UDˇ� | |
ݷ�o��>���}8�ߎ/��<�ە߫w�@:������]|��{�Ёҭ:|E��W��+��$Z��[�>�?�`�D���?[��r$g��� ^��S�d�kJX1�E��$��J_� | |
����=���뢉e�鬖n֊�1����A�_�갸f� | |
��ӟ��>��A0X���-�,����P�ּsoy������`}�w�����=o5@*�_�ފ94��_�м���`���2\�rd� | |
jK | |
xW� | |
%�f�V | |
�}��f!�B�j\FUh,:����������{�� | |
Xmi��+�#]��n�.*�W�W��=pM?�����zVj�"~�w����vj��÷��p���v����4B?��,��w��9��F5�aE�&�ot���T���u|�ٸ���xx���c��Dt��+`�����%]���K��� | |
�j���o�Q����f��wGG�-���?'b�&������N�� | |
X�/����� | |
_� | |
�g�a�b�]Z�h4�P | |
���~V��&�7'�;��+��uoY���7+��ŰjVa�,�~���8����o�՚�N�Bj<�����_�s�X���a��AS��~�L��j�������<!O��>g������� | |
�����a�e�wc�o�a | |
���{����ݵ��ra��KMa��j@�7�����>���Cg�_��Mz`�_�]kE����X��A'RHXh�Q�ӰQc����/�!����щ.���obހ,��~�w+�V�f�*|����`ͫX����ۗ�LzZM�Ո���Mz����Є�s���b&�=��^uI� | |
j�����".m�`���B���R6+�ͽ䖳T�.:����k�o�C���b����l( ��jT�!�`����f9C<�~<~K�=Pz����%a��3X��[�t��(K܋/� | |
"U�>�<�a ��%���~�5�N�!�X��M�_�7��;p�2jH����ve���@-�1��Y�����Pq��k��Y>��Q$|#Rx�����Y��V�$�r?��69[�$�[�[X�2����� | |
Y�B��a�K�����0a�xw}`�j��IQ�f,�E���Ԇ[�e���x��e#�@���y��s�qP[���`p�*��[Zo>�"n�]Z�+�XY�x|��$X�-0-^�����������̃��7�q�+u��H�����N#q10`�+J | |
EG�{�:��z�`��7��ڝփ��� TjJHAA[ �t����\eU��a5��Y ��R�3!P�L���\��v�Tqhެ����������`jC����ѡ��L����%��|-��֠�8h�đ�������˿UA��amA�'n��A�?�t�d�ih�O/��*D����*�%[s�Rk������S�|eN��ٳ9ѭ�w��nVʋ�F�v{�f塰.��չ�v�V��}�x������w���S����(�͛;�0ޜS%�ryi�٬W��!�V�} K|0W�[k,��%�+5� | |
�ߛ��VP'�V�77l4#��-j6m���� ��O��t���7k�����j8b���C�����/c��w�K��/߽�������}��7���v}�Xo_~�O����j��&��?��7�rw4: | |
���ݫV�7�H� +n����|z^���B�n���M�E����G��>Nw�}��u�n8��&�}��z'��>�`�������cq5�_�������,����}��chqe����Ƈ�7\���/L� | |
�"���<�"cX^{�13�=�S�@��-g>�:��1����|�&`��j�� | |
���k��C�t5l���#�c�*�[���Sh�����"���A2]ߨ��eE�,���� ZM�8�৫�P����n��Y�Z��z��XA��W�r!����� CJx�P�%��Ӄo �S¢4�\��H�[� Xrv_���Y���]=��fw�̸䧏��{`�g�,�-�% | |
X͵zS��ֽ��N����?#�O����� �g����y{���Z�^(��SqU� | |
��C��/@ | |
��j�6ŧ��.i��Y��}�� | |
Z���C)k���K����V��l{aX8�q�E)W`ٍe|EQ���&�Q���zm `����nSª74,����u|/d6c[��yԨ����5a�O��Zo���������%j�/٬��$�[k4�j������, | |
a�Q��&G�ٖS��P�CQz�!�����+��h|���j�d���h���]���5��?���]��zM�F�ٿ��Q{�:�6��%�f��[ k�Vo�����S�g�!��P�7�4X�:����3�f�r]��*����z��;kJ X8��'` | |
j����C.�B�>$�+ȉ%�P�b�7�WQ��* X����V�:lȍH��}�`��P��rkk�G�/g]���љR��z1X�{nX��]a㻵nc��JՌ��ң�ZW�Q����A�=\�A��P<�<X�?�y`���K����IEND�B`� |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import EmberRouter from '@ember/routing/router'; | |
import config from './config/environment'; | |
const Router = EmberRouter.extend({ | |
location: 'none', | |
rootURL: config.rootURL | |
}); | |
Router.map(function() { | |
this.route('about'); | |
this.route('contact', { path: '/getting-in-touch' }); | |
this.route('rental', { path: '/rentals/:rental_id' }); | |
}); | |
export default Router; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Route from '@ember/routing/route'; | |
import { customElement } from 'ember-custom-elements'; | |
@customElement('about-route') | |
export default class AboutRoute extends Route { | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Route from '@ember/routing/route'; | |
import { customElement } from 'ember-custom-elements'; | |
@customElement('contact-route') | |
export default class AboutRoute extends Route { | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Route from '@ember/routing/route'; | |
import { inject as service } from '@ember/service'; | |
import { customElement } from 'ember-custom-elements'; | |
@customElement('index-route') | |
export default class IndexRoute extends Route { | |
@service store; | |
async model() { | |
return this.store.findAll('rental'); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import Route from '@ember/routing/route'; | |
import { inject as service } from '@ember/service'; | |
import { customElement } from 'ember-custom-elements'; | |
@customElement('rental-route') | |
export default class RentalRoute extends Route { | |
@service store; | |
async model(params) { | |
return this.store.find('rental', params.rental_id); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import JSONAPISerializer from '@ember-data/serializer/json-api'; | |
export default class ApplicationSerializer extends JSONAPISerializer { | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url(https://fonts.googleapis.com/css?family=Lato:300,300italic,400,700,700italic); | |
/** | |
* Base Elements | |
*/ | |
* { | |
margin: 0; | |
padding: 0; | |
} | |
body, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
div, | |
span, | |
a, | |
button { | |
font-family: 'Lato', 'Open Sans', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif; | |
line-height: 1.5; | |
} | |
body { | |
background: #f3f3f3; | |
} | |
a { | |
color: #016aba; | |
text-decoration: none; | |
} | |
button { | |
font-size: 100%; | |
} | |
p { | |
line-height: 1.5; | |
margin-bottom: 15px; | |
} | |
/** | |
* Button | |
*/ | |
.button { | |
padding: 10px 30px 10px; | |
text-decoration: none; | |
color: #fff; | |
background: #016aba; | |
border-radius: 5px; | |
border: none; | |
font-size: 20px; | |
font-weight: bold; | |
opacity: 0.9; | |
display: inline-block; | |
} | |
.button:hover { | |
opacity: 1; | |
} | |
/** | |
* Body Container | |
*/ | |
.container { | |
max-width: 1024px; | |
min-height: 100vh; | |
background: #f9f9f9; | |
margin: 0 auto; | |
} | |
/** | |
* Top Navigation | |
*/ | |
.menu { | |
/* height: 4em; */ | |
background-color: #677ae4; | |
background-color: #05526A; | |
background-color: #e46855; | |
} | |
.menu h1 { | |
margin-top: 10px; | |
position: relative; | |
padding: 5px 0 0 8px; | |
color: #f9f9f9; | |
font-size: 1.8em; | |
font-style: italic; | |
} | |
.menu a, | |
.menu .links { | |
display: inline-block; | |
} | |
.menu a { | |
text-decoration: none; | |
padding: 0 15px; | |
color: #fff; | |
font-size: 20px; | |
font-weight: bold; | |
} | |
.menu a:hover, | |
.menu a.active { | |
opacity: 1; | |
} | |
.menu .links { | |
padding: 0 21px; | |
} | |
.menu .links a { | |
position: relative; | |
bottom: 5px; | |
} | |
.rentals label span { | |
font-size: 140%; | |
margin: 50px auto 20px; | |
display: block; | |
text-align: center; | |
font-style: italic; | |
} | |
.rentals input { | |
padding: 11px; | |
font-size: 18px; | |
width: 500px; | |
margin: 20px auto 50px; | |
background-color: rgba(255, 255, 255, 0.75); | |
border: solid 1px lightgray; | |
display: block; | |
} | |
.menu input:focus { | |
background-color: #f9f9f9; | |
outline: none; | |
} | |
.menu button { | |
margin-right: 15px; | |
position: relative; | |
top: -1px; | |
left: -5px; | |
border-top-left-radius: 0; | |
border-bottom-left-radius: 0; | |
background-color: #262626; | |
cursor: pointer; | |
opacity: 1; | |
} | |
.menu button:hover { | |
background-color: #111; | |
opacity: 1; | |
} | |
.menu .results { | |
display: none; | |
position: absolute; | |
width: 215px; | |
top: 54px; | |
left: 10px; | |
background-color: #f6f6f6; | |
border-right: 1px solid rgba(0, 0, 0, 0.05); | |
border-bottom: 1px solid rgba(0, 0, 0, 0.05); | |
} | |
.results { | |
margin-top: -10px; | |
} | |
.results li { | |
list-style: none; | |
padding: 10px 15px; | |
} | |
.menu .results li:hover { | |
background: #f3f3f3; | |
} | |
/** | |
* Content Area | |
*/ | |
.body { | |
padding: 15px; | |
} | |
/** | |
* Similar to Jumbotron | |
*/ | |
.jumbo { | |
padding: 50px; | |
background: #f6f6f6; | |
} | |
.jumbo:hover { | |
background-color: #f3f3f3; | |
} | |
.jumbo h2 { | |
font-size: 3.2em; | |
margin-top: -25px; | |
} | |
.jumbo p, | |
.jumbo address { | |
margin-bottom: 25px; | |
} | |
.jumbo img { | |
height: 200px; | |
position: relative; | |
top: -25px; | |
right: -20px; | |
} | |
/** | |
* Individual Rental Listing | |
*/ | |
.rental { | |
margin-top: 15px; | |
background-color: #f6f6f6; | |
padding: 20px 25px; | |
display: flex; | |
justify-content: space-between; | |
align-items: center; | |
flex-wrap: wrap; | |
} | |
.rental:hover { | |
background-color: #f3f3f3; | |
} | |
.rental img { | |
border-radius: 5px; | |
} | |
.rental .image { | |
flex-grow: 0; | |
flex-basis: 150px; | |
margin: 20px 25px; | |
text-align: center; | |
} | |
.rental button.image { | |
position: relative; | |
cursor: pointer; | |
border: none; | |
background: transparent; | |
z-index: 1; | |
} | |
.rental button.image:focus { | |
outline: none; | |
} | |
.rental button.image:after { | |
content: ""; | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
z-index: -1; | |
margin: -20px; | |
padding: 20px; | |
border-radius: 5px; | |
background: #016aba; | |
opacity: 0; | |
transition: opacity 0.25s ease-in-out; | |
} | |
.rental button.image:focus:after, .rental button.image:hover:after { | |
opacity: 0.1; | |
} | |
.rental .image img { | |
max-width: 100%; | |
} | |
.rental .image.large { | |
margin: 30px 25px 50px 25px; | |
flex-basis: 100%; | |
} | |
.rental .image small { | |
display: block; | |
margin-top: 5px; | |
margin-bottom: -15px; | |
text-align: center; | |
color: #016aba; | |
/* This is needed to fix a safari clipping issue */ | |
position: relative; | |
} | |
.rental .image.large small { | |
margin-top: 10px; | |
margin-bottom: 0px; | |
font-size: 110%; | |
} | |
.rental .details { | |
flex-basis: 50%; | |
flex-grow: 2; | |
display: flex; | |
height: 150px; | |
margin: 20px 25px; | |
justify-content: space-between; | |
flex-wrap: wrap; | |
align-content: space-around; | |
} | |
.rental h3 { | |
flex-basis: 100%; | |
} | |
.rental h3 a { | |
display: inline; | |
} | |
.rental .detail { | |
flex-basis: 50%; | |
font-weight: 300; | |
font-style: italic; | |
white-space: nowrap; | |
} | |
.rental .detail span { | |
font-weight: 400; | |
font-style: normal; | |
} | |
.rental .map { | |
flex-grow: 0; | |
flex-basis: 150px; | |
font-size: 0; | |
margin: 0px 25px; | |
} | |
.rental .map img { | |
width: 150px; | |
height: 150px; | |
} | |
.rental.detailed { | |
background: none; | |
align-items: flex-start; | |
} | |
.rental.detailed .image { | |
flex-basis: 320px; | |
} | |
.rental.detailed .image.large { | |
margin: 30px 25px 50px 25px; | |
flex-basis: 100%; | |
} | |
.rental.detailed .details { | |
height: auto; | |
} | |
.rental.detailed h3 { | |
font-size: 200%; | |
margin-bottom: 10px; | |
} | |
.rental.detailed .detail { | |
margin: 5px 0px; | |
flex-basis: 100%; | |
flex-shrink: 2; | |
} | |
.rental.detailed .description { | |
white-space: normal; | |
flex-basis: 100%; | |
flex-shrink: 1; | |
} | |
.rental.detailed .map { | |
flex-basis: 100%; | |
margin: 50px 25px 25px 25px; | |
} | |
.rental.detailed .map img { | |
width: 100%; | |
height: auto; | |
} | |
@media only screen and (max-width: 919px) { | |
.rental.detailed .image, .rental.detailed .image.large { | |
margin: 30px 25px 25px 25px; | |
flex-basis: 100%; | |
cursor: default; | |
} | |
.rental.detailed .image:hover { | |
flex-basis: 100%; | |
cursor: default; | |
} | |
.rental.detailed .image small { | |
display: none; | |
} | |
.rental.detailed button.image:hover:after { | |
opacity: 0; | |
} | |
.rental.detailed button.image:focus:after { | |
opacity: 0.1; | |
} | |
.rental.detailed .map { | |
margin-top: 25px; | |
} | |
} | |
/** | |
* Utilities | |
*/ | |
.light { | |
font-weight: 300; | |
} | |
.left { | |
float: left; | |
} | |
.right { | |
float: right; | |
} | |
.hidden { | |
display: none; | |
} | |
.relative { | |
position: relative; | |
} | |
.tomster { | |
background: url("https://gist.githubusercontent.com/Ravenstine/aa7bd7a7d36641dd5daa5ad6b6eebb5a/raw/4eaa656573c770a580ca49e7eb35c63b91e997dd/teaching-tomster.jpg"); | |
background-size: contain; | |
background-repeat: no-repeat; | |
height: 200px; | |
width: 200px; | |
position: relative; | |
top: -25px; | |
} | |
.screen-reader{ | |
position: absolute; | |
overflow: hidden; | |
clip: rect(0 0 0 0); | |
height: 1px; width: 1px; | |
margin: -1px; padding: 0; border: 0; | |
} | |
ion-content { | |
top: 75px; | |
padding-bottom: 75px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
�PNG | |