Added bootstrap package
This commit is contained in:
vjrj
parent
2b3c9a5868
commit
d7664cbf84
10 changed files with 62 additions and 61 deletions
|
|
@ -26,9 +26,9 @@
|
|||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.69575618"
|
||||
inkscape:cx="900.10663"
|
||||
inkscape:cy="596.82354"
|
||||
inkscape:zoom="0.34787809"
|
||||
inkscape:cx="482.26239"
|
||||
inkscape:cy="500.72871"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
|
|
@ -62,15 +62,16 @@
|
|||
preserveAspectRatio="none"
|
||||
height="276.33533"
|
||||
width="442.13651"
|
||||
style="stroke-width:165.45117188" />
|
||||
style="stroke-width:165.45117188"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96" />
|
||||
<rect
|
||||
style="opacity:0.18059999;fill:#ac9393;fill-opacity:0.95473256;stroke:none;stroke-width:26.45833206;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
style="opacity:0.18059998;fill:#ac9393;fill-opacity:0.95473256;stroke:none;stroke-width:26.45833206;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect6086"
|
||||
width="390.98022"
|
||||
height="252.89684"
|
||||
x="11.057551"
|
||||
y="14.26377"
|
||||
rx="5" />
|
||||
y="14.26377" />
|
||||
<rect
|
||||
style="opacity:0.29160007;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:26.45833206;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="rect4573"
|
||||
|
|
@ -82,14 +83,14 @@
|
|||
ry="5" />
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:23.18472672px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:Normal;letter-spacing:0px;word-spacing:0px;fill:#550000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:23.18472672px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:Normal;letter-spacing:0px;word-spacing:0px;fill:#280b0b;fill-opacity:1;stroke:none;stroke-width:0.26458332"
|
||||
x="206.0237"
|
||||
y="62.567436"
|
||||
id="text6092"><tspan
|
||||
sodipodi:role="line"
|
||||
x="206.0237"
|
||||
y="62.567436"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:30.03565788px;font-family:Roboto;-inkscape-font-specification:'Roboto, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#550000;stroke-width:0.26458332"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:30.03565788px;font-family:Roboto;-inkscape-font-specification:'Roboto, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#280b0b;fill-opacity:1;stroke-width:0.26458332"
|
||||
id="tspan6094">TODOS CONTRA EL FUEGO</tspan></text>
|
||||
<g
|
||||
id="g4691"
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.8 MiB After Width: | Height: | Size: 2.8 MiB |
|
|
@ -7,20 +7,17 @@ import { Meteor } from 'meteor/meteor';
|
|||
|
||||
const AuthenticatedNavigation = ({ name, history }) => (
|
||||
<div>
|
||||
{/*
|
||||
https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Nav.js
|
||||
<Nav>
|
||||
<LinkContainer to="/documents">
|
||||
<NavItem eventKey={1} href="/documents">Documents</NavItem>
|
||||
<NavItem href="/documents">Documents</NavItem>
|
||||
</LinkContainer>
|
||||
</Nav>
|
||||
<Nav pullRight>
|
||||
<NavDropdown eventKey={2} title={name} id="user-nav-dropdown">
|
||||
<LinkContainer to="/profile">
|
||||
<NavItem eventKey={2.1} href="/profile">Profile</NavItem>
|
||||
</LinkContainer>
|
||||
<MenuItem divider />
|
||||
<MenuItem eventKey={2.2} onClick={() => history.push('/logout')}>Logout</MenuItem>
|
||||
</NavDropdown>
|
||||
</Nav>
|
||||
</Nav> */}
|
||||
<div title={name} className="dropdown-menu dropdown-menu-right">
|
||||
<a className="dropdown-item" href="/profile">Profile</a>
|
||||
<a className="dropdown-item" onClick={() => history.push('/logout')} >Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ const Footer = (props) => {
|
|||
return (
|
||||
<div className="Footer">
|
||||
<Grid>
|
||||
<p className="pull-left">© Copyleft {copyrightYear()} {t('OrgNameFull')}</p>
|
||||
<p className="pull-left">© Copyleft {copyrightYear()} <a href="https://comunes.org/">{t('OrgNameFull')}</a></p>
|
||||
<ul className="pull-right">
|
||||
<li><Link to="/terms"> {t('Términos')}<span className="hidden-xs"> {t('de Servicio')}</span></Link></li>
|
||||
<li><Link to="/privacy">{t('Política')}<span className="hidden-xs"> {t('de Privacidad')}</span></Link></li>
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ body {
|
|||
ul li {
|
||||
float: left;
|
||||
|
||||
&:first-child {
|
||||
&:first-child, &:nth-child(2) {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
|
|
@ -49,7 +49,7 @@ body {
|
|||
}
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
.Footer ul li:first-child {
|
||||
.Footer ul li:first-child, .Footer ul li:nth-child(2) {
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,34 +9,24 @@ import { translate } from 'react-i18next';
|
|||
import './Navigation.scss';
|
||||
|
||||
const Navigation = props => (
|
||||
<ul className="nav justify-content-end">
|
||||
<li className="nav-item">
|
||||
<a className="nav-link active" href="/#">{props.t('Inicio')}</a>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" href="#">{props.t('Mapa actual')}</a>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" href="#">{props.t('Contacto')}</a>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" href="#">{props.t('Contacto')}</a>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
{!props.authenticated ? <PublicNavigation /> : <AuthenticatedNavigation {...props} />}
|
||||
</li>
|
||||
|
||||
<li className="nav-item dropdown">
|
||||
<a className="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{props.t('Más')}
|
||||
<div className="ripple-container"></div>
|
||||
</a>
|
||||
<div className="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions">
|
||||
<a className="dropdown-item active" href="/bootstrap-material-design/docs/4.0/">Latest (4.x)</a>
|
||||
<a className="dropdown-item" href="https://cdn.rawgit.com/FezVrasta/bootstrap-material-design/gh-pages-v3/index.html">v3.x</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav justify-content-end">
|
||||
<li className="nav-item">
|
||||
<a className="nav-link active" href="/#">{props.t('Inicio')}</a>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" href="#">{props.t('Mapa actual')}</a>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" href="#">{props.t('Contacto')}</a>
|
||||
</li>
|
||||
<li className="nav-item dropdown">
|
||||
<a className="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{props.t('Más')}
|
||||
<div className="ripple-container"></div>
|
||||
</a>
|
||||
{!props.authenticated ? <PublicNavigation /> : <AuthenticatedNavigation {...props} />}
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
);
|
||||
|
|
|
|||
|
|
@ -3,14 +3,10 @@ import { LinkContainer } from 'react-router-bootstrap';
|
|||
import { Nav, NavItem } from 'react-bootstrap';
|
||||
|
||||
const PublicNavigation = () => (
|
||||
<Nav pullRight>
|
||||
<LinkContainer to="/signup">
|
||||
<NavItem eventKey={1} href="/signup">Sign Up</NavItem>
|
||||
</LinkContainer>
|
||||
<LinkContainer to="/login">
|
||||
<NavItem eventKey={2} href="/login">Log In</NavItem>
|
||||
</LinkContainer>
|
||||
</Nav>
|
||||
<div className="dropdown-menu dropdown-menu-right">
|
||||
<a className="dropdown-item" href="/signup">Sign Up</a>
|
||||
<a className="dropdown-item" href="/login">Log In</a>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default PublicNavigation;
|
||||
|
|
|
|||
|
|
@ -118,3 +118,17 @@
|
|||
.carousel-item-4 {
|
||||
background-image: url('/home-slide4.jpg')
|
||||
}
|
||||
|
||||
.full-width {
|
||||
position: relative;
|
||||
width: 100vw;
|
||||
margin-left: calc(-50vw + 50% - 8px);
|
||||
position: relative;
|
||||
/*
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -50vw;
|
||||
margin-right: -50vw;*/
|
||||
}
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ class Index extends Component {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<div className="IndexDisabled">
|
||||
<div className="IndexDisabled full-width">
|
||||
{/* https://v4-alpha.getbootstrap.com/components/carousel/ */}
|
||||
<header>
|
||||
<ReactResizeDetector handleWidth handleHeight onResize={this._onResize} />
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
a, a:hover {
|
||||
color: $todos-font2;
|
||||
}
|
||||
|
|
@ -10,7 +10,7 @@ El acceso a este sitio web de Comunes, 'Todos contra el Fuego', implica sin rese
|
|||
|
||||
## PRIMERA.- CONDICIONES DE ACCESO Y USO
|
||||
|
||||
1.1.-La utilización del sitio web de Comunes, 'Todos contra el Fuego', no conlleva la obligatoriedad de inscripción del USUARIO, salvo si este USUARIO desee utilizar los servicios de notificación de fuegos.comunes.org donde será preciso que se registre cubriendo un formulario básico, ésta suscripción se regirá por las condiciones generales específicas. Las condiciones de acceso y uso del presente sitio web se rigen estrictamente por la legalidad vigente y por el principio de buena fe comprometiéndose el USUARIO a realizar un buen uso de la web. Quedan prohibidos todos los actos que vulneren la legalidad, derechos o intereses de terceros: derecho a la intimidad, protección de datos, propiedad intelectual etc. Expresamente Comunes prohíbe los siguientes:
|
||||
1.1.- La utilización del sitio web de Comunes, 'Todos contra el Fuego', no conlleva la obligatoriedad de inscripción del USUARIO, salvo si este USUARIO desee utilizar los servicios de notificación de fuegos.comunes.org donde será preciso que se registre cubriendo un formulario básico, ésta suscripción se regirá por las condiciones generales específicas. Las condiciones de acceso y uso del presente sitio web se rigen estrictamente por la legalidad vigente y por el principio de buena fe comprometiéndose el USUARIO a realizar un buen uso de la web. Quedan prohibidos todos los actos que vulneren la legalidad, derechos o intereses de terceros: derecho a la intimidad, protección de datos, propiedad intelectual etc. Expresamente Comunes prohíbe los siguientes:
|
||||
|
||||
1.1.1.- Realizar acciones que puedan producir en el sitio web o a través del mismo por cualquier medio cualquier tipo de daño a los sistemas de Comunes o a terceros.
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue