HARA d.o.o., Rijeka –Hostel Dharma poštuje Vašu privatnost, te se obvezuje na zaštitu Vaših osobnih podataka. Prikupljanje i čuvanje podataka izvodi se u skladu s odredbama Zakona o zaštiti osobnih podataka.
Podaci pokriveni sustavom politike privatnosti
Podatke koje od Vas možemo zatražiti i koji su zaštićeni:
ime i prezime ili naziv fizičke ili pravne osobe
adresa
OIB (isključivo radi mogućnosti izdavanja obveznog R-1 računa u slučaju transkacijskog plaćanja usluge od strane korisnika)
e-mail adresa
broj telefona i
financijski podaci (npr. podaci o kreditnoj kartici ukoliko je to unaprijed pismeno dogovoreno kao uvjet garancije rezervacije smještaja)
ostali podaci koje nam napomenete, a želite da ostanu tajni
Vi možete u svako doba otkazati zaštitu nad ovim podacima, izričitom izjavom. Vi se možete u svako doba isključiti s naše mailing liste, čime Vaši podaci neće biti korišteni u Hostelu Dharma za promociju. U tom slučaju ih Hostel Dharma može koristiti samo u svoje interne svrhe, npr. radi informatičke statističke obrade podataka.
Svrha dobivenih podataka
Svi podaci koje Hostel Dharma od Vas dobije, služe isključivo radi:
što učinkovitijeg odgovora na Vaš upit
osiguranja pružanja tražene usluge
promocije naših usluga
naše interne statističke obrade podataka.
Hostel Dharma odgovorno jamči da će isti podaci biti korišteni samo u tu svrhu. Svrha korištenja podataka je u ostvarivanju kontakta s Vama (kako bismo Vam mogli poslati informacije poštom, faxom, elektroničkom poštom, telefonom i sl.), ukoliko bi došlo do potrebe da Vas brzo kontaktiramo, ili u okviru ulaska u statističku obradu podataka, ali samo radi naših internih potreba i istraživanja tržišta.
Vrijeme trajanja politike privatnosti
Jednom kad nam dostavite podatke i pristanete da Vas kontaktiramo ulazite na našu mailing listu. Trenutak ulaska jest Vaš pristanak da Vas se kontaktira. Zaštita privatnosti Vaših podataka postoji trajno. U svakom trenutku možete tražiti isključenje s naše mailing liste.
Sadržaj politike privatnosti
Vašu e-mail adresu i ostale podatke ne prodajemo, ne iznajmljujemo, niti stavljamo trećim pravnim i fizičkim osobama na raspolaganje bez Vašeg pristanka, jer je to protivno našoj politici o privatnosti. Tražimo Vaše posebno dopuštenje ako želite da Vas kontaktiramo glede specijalnih ponuda i akcija. Hostel Dharma ne odgovara za slučajnu pogrešku ili pogrešku zbog više sile, ili drugih objektivnih okolnosti kojima se uzrokuje slučajno kršenje zajamčene zaštite Vaših podataka, ali jamči da će pogreška biti otklonjena, ukoliko je to moguće, čim prije.
Kolačići i on-line tehnologije
Kao što je slučaj i s mnoštvom drugih portala, i naš može koristiti „kolačiće“ i druge tehnologije koje nam olakšavaju isporučivanje sadržaja ovisno o vašim područjima interesa, obrađivanje rezervacija ili zahtjeva, i / ili analiziranje karakteristika vaših posjeta. Kolačići se sami po sebi ne mogu koristiti za otkrivanje vašeg osobnog identiteta. Kad pristupate našim web stranicama, ova informacija našim poslužiteljima identificira svojstva vašeg pretraživača, ali ne i vas. Želite li u bilo kojem trenutku izbrisati ili onemogućiti kolačiće na svojem računalu, možete ažurirati postavke svojeg internetskog pretraživača (informacije o načinu brisanja i onemogućavanja kolačića potražite na svojem pretraživaču odabirom izbornika „Help“) Informacije možemo također prikupljati korištenjem „pikselskih oznaka“, „mrežnih signala“, „praznih GIF-ova“ ili sličnih sredstava (zajednički nazvanih „pikselske oznake“) koja nam omogućuju saznati kad posjećujete naš portal i kako koristite naše e-mail poruke ili oglase.
Promjena podataka
U svakom nam se trenutku možete obratiti radi pregleda Vaših osobnih podataka, kao i radi ažuriranja, ispravka ili brisanja podataka. Do tog trenutka koristimo u navedene svrhe Vaše stare podatke.
Vaša suglasnost
Popunjavajući formular na ovoj stranici jamčite da su informacije koje ste priložili točne, da ste poslovno sposobni, da imate sva prava sklopiti ovaj posao, te da ste u cijelosti suglasni da Hostel Dharma Vaše podatke upotrebljava i prikuplja u skladu sa zakonom i uvjetima naše politike privatnosti.
Transparentnost
Ako odlučimo mijenjati našu privacy policy, promjene ćemo postaviti na ovu stranicu tako da možete neprestano imati uvid u njih. Te promjene će vrijediti i u našem međusobnom odnosu kao da su postojale prije Vašeg ulaska na mailing listu, ukoliko su u skladu s pozitivnim hrvatskim propisima i ukoliko Vas ne zakidaju u nekim stečenim pravima.
The word ‘Dharma’ means relation between human and nature in which human is protecting nature and nature is protecting human. It is one of the oldest definition of sustainable development. With a holistic approach to tourism hostel Dharma promotes a healthy way of living and being. The term ‘Cultural Hall’ is syntagmatic definition that in this case highlights the revitalisation of former abandoned industrial spaces with new contemporary cultural contents. Through various scientific exhibitions and workshops, the Cultural Hall enable education sharing about sustainable development and healthy environment. Hostel Dharma and Yoga in Daily Life Cultural Hall are the partners in a project of urban, architectural and social implications. The result in a new type of business where profit and non-profit features are being intertwined together to enable entrepreneurship activities lead by creativity and sustainable growth. Hostel Dharma and Yoga in Daily Life Cultural Hall is unique joint and they both participate in WHO European Healthy Cities Network.
North-East 2009 North-East 2012
Preliminary phases
The starting and leading point of this project has been a change at the local administration policies that added this site to the list of industrial reconversion prone areas due to its touristic potentiality as highlighted in the General Urban Plan of the City of Rijeka. A trend of de-industrializing of the cities has been existing in Europe and worldwide for several decades already. This shift enables new services to occupy partly used or unused areas that have been reached by the expansion of city centres while pushes industrial facilities to find new and more strategic locations in the suburbs where technical and logistical infrastructures are usually already in place. One of the most known examples of industrial building conversion is the Tate Modern in London (the UK) which has become the centre of cultural and social life of both the city inhabitants and tourists. This project tackles the former “Plumbum - Vulkan” building and reuses it for the purposes of a Cultural hall and hostel. The strategic position of the site – on the most prominent spot over the Eastern entrance of the city, overlooking the running shipyard “Viktor Lenac” on one side, echo of the brighter industrial period – and one of the most beautiful city beaches on the other one was the perfect sparkle point, that will eventually lead further into a new phase of redevelopment. Following principles of sustainable redevelopment, the biggest challenge was find a simple and feasible solution ensuring beneficiaries a healthy and peaceful environment in a still active industrial complex that was not only to be preserved but also becoming part of project’s character itself.
Architectural aspects
As far as the architectural design is concerned, the demands were to respect a rational construction process, reuse materials where possible, and make the most of the existing building creating new extra spaces. Being the building an L shaped construction along two sides of a 300m2 squared industrial hall, it was decided to use the latter as multipurpose space for cultural, sport and recreational events leaving it empty having thus the possibility to adapt it different situations. In the remaining areas, instead, offices became comfortable hostel rooms and gathering spaces except for the ground floor that hosts changing rooms and a small vegetarian restaurant which can services all the hostel’s guests and eventual external caterings. The hall gained a glazed South-western façade while the remaining surfaces has been covered with structural insulated panels. In the interior the predominant element is the circle – symbol of harmony – which is repeated also as a lowered ceiling with sound-absorbing function.
East 2009 East 2012
Future developments
In the future of the complex, moreover, there is a plan for the development of an educational centre that could revival – through specific laboratories – some of the technological processes that has been used in the former factory such as heat treatment and casting of metal alloys.
Financial sustainability
Although the general estimated cost for transformation was 700,00 EUR per m2, the average achieved price was 350,00 EUR per m2 for 1100 m2 of the hostel building. This price was achieved also through pro-bono work of several professionals and non-professionals willing to support Yoga in Daily Life’s association’s cause. About 4500 m2 of surroundings were also transformed from industrial plateau to a luxorious green belt which is also used as laboratory for urban agriculture.
For multiple lines of code, use the <pre> element which defines preformatted text. It creates a new text block that preserves spaces, tabs and line breaks. Nest a <code> element inside to define the code block.
IMPORTANTBe sure to escape any angle brackets in the code for proper rendering.
<pre>
<code>...</code>
</pre>
Lists
Create an unordered list using the <ul> element and the <ol> element for ordered lists. The <li> element defines the list item.
NOTEYou can also use additional UIkit classes for the lists. You will find more details here.
Description lists
Create a description list using the <dl> element. Use <dt> to define the term and <dd> for the description.
Description lists
A description list defines terms and their corresponding descriptions.
This is a term
This is a description.
This is a term
This is a description.
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
NOTEYou can also use additional UIkit classes for the description lists. You will find more details here.
Tables
You can easily create tables using the <table> element. Use <thead> to define the table headings, <tfoot> to define the table footers and <tbody> to define the table body.
NOTEYou can also use additional UIkit classes for the forms. You will find more details here.
Grid
This section shows how you can create different grids layouts with columns and rows.
Gantry5 Grid System
Gantry5 comes with its own CSS framework called "Nucleus". It is based on the Flexbox model and therefore is really flexible and allows you to build advanced layouts.
Gantry5 grid system or better said "Nucleus" grid system does not have a grid gutter, it uses the .g-content class instead.
As you can see in the above example, all 3 blocks are surrounded by empty space. This empty space comes from the .g-content class which adds some margin and padding to the element.
We have added a utility class to the template which takes care of the unnecessary spacing and makes the whole grid looks more natural. The utility class is called .g-gutter.
"Nucleus" comes with another very useful class called .size-# where # is the percentage of the whole width of the grid a particular element should occupy.
The grid system of UIkit follows the mobile-first approach and accomodates up to 10 grid columns. It uses units with predefined classes inside each grid, which define the column width.
To create the grid container, add the .uk-grid class to a parent element. Add one of the .uk-width-* classes to child elements to determine, how the units shall be sized. The grid supports 1, 2, 3, 4, 5, 6 and 10 unit divisions.
NOTEYou can also use additional UIkit classes for the alerts. You will find more details here.
Modal
This section shows how easy it is to use modals.
The modal component consists of an overlay, a dialog and a close button.
Class
Description
<.uk-modal>
Add this class to a <div> element to create the dialog container and an overlay that blanks out the page. It is important to add an id to indicate the element for toggling.
<.uk-modal-dialog>
Add this class to a child <div> element to create the dialog box.
<.uk-modal-close>
Add this class to an <a> or <button> element to create a close button within the dialog box. We recommend adding the .uk-close class from the Close component to give the button a proper styling, though you can also use text or an image.
You can use any element to toggle a modal dialog. An <a> element needs to be linked to the modal's id. To enable the necessary JavaScript, add the data-uk-modal attribute. If you are using another element, like a button, just add the data-uk-modal="{target:'#ID'}" attribute to target the modal's id.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<!-- This is an anchor toggling the modal -->
<a href="#my-id" data-uk-modal>...</a>
<!-- This is a button toggling the modal -->
<button class="button" data-uk-modal="{target:'#my-id'}">...</button>
<!-- This is the modal -->
<div id="my-id" class="uk-modal">
<div class="uk-modal-dialog">
<a class="uk-modal-close uk-close"></a>
...
</div>
</div>
NOTEYou can find more details and options about the modals here.
Lightbox
This section shows how easy it is to create a fancy lightbox for images and videos.
To apply this component, add the data-uk-lightbox attribute to an anchor linking to the image you wish to display. If a title attribute exists it will be displayed as a caption for the lightbox.
You can link multiple images to the same lightbox and switch between them from within the lightbox, thus creating a gallery. Just add the {group:'my-group'} option to the data attribute of each item using the same name on all items that you want to group.
A lightbox is not restricted to images. Other media, like videos, can be displayed inside a lightbox and it will automatically generate the correct output by evaluating your path.
NOTEYou can find more details and options about the lightbox here.
Tooltip
This section shows how easy it is to create a nicely looking tooltip.
To create a tooltip, add the data-uk-tooltip attribute to an element. You also need to add a title attribute, whose value will represent your tooltip's text.
NOTEYou can find more details about the tooltip here.
Tabs
This section shows how easy it is to create a tabbed navigation with different styles.
The Tab component consists of clickable tabs, that are aligned side by side.
Class
Description
.uk-tab
Add this class to a <ul> element to define the Tab component. Use <a> elements as tab items within the list.
.uk-active
Add this class to a list item to apply an active state.
.uk-disabled
Add this class to a list item to apply a disabled state.
The data-uk-tab attribute is required for two purposes. Firstly, it enables the responsive behaviour. If the parent container is too small to accomodate all tabs, they will be combined into a dropdown, toggled by a single tab, which represents the active tab item.
And secondly, its functionality is coupled to the Switcher component, which is necessary to dynamically transition through different contents using tabbed navigation.
There are many more options and layouts available for the tabs, for example centered tabs, tabs on the left, tabs on the right, etc. You will find all these details on the UIkit website.
NOTEYou can find more details and options about the lightbox here.
Accordions
This section shows how easy it is to create a list of items, allowing each item's content to be expanded and collapsed by clicking its header.
To create an Accrodion, add the uk-accordion class and the data-uk-accordion attribute to a container element. Add the uk-accordion-content class to each of the content sections within the container. Finally, add the uk-accordion-title class to any element, like a heading, above the content section to create a toggle.
Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using.
