-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
42c3e27
commit cbb13f3
Showing
14 changed files
with
164 additions
and
191 deletions.
There are no files selected for viewing
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
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
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
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
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,58 +1,3 @@ | ||
| #Navbar { | ||
| background-color: #00629B; | ||
| width: 100%; | ||
| height: 45px; | ||
| align-items: center; | ||
| } | ||
|
|
||
| .listaLink { | ||
| list-style-type: none; | ||
| display: inline; | ||
| margin: 0; | ||
| padding: 0; | ||
| height: 45px; | ||
| padding-inline-start: 0; | ||
| } | ||
|
|
||
| #Listasx { | ||
| float: left; | ||
| } | ||
|
|
||
| #Listadx { | ||
| float: right; | ||
| } | ||
|
|
||
| li { | ||
| display: inline-block; | ||
| height: 40px; | ||
| padding-top: 5px; | ||
| padding-bottom: 0; | ||
| padding-right: 10px; | ||
| padding-left: 10px; | ||
| font-size: x-large; | ||
| vertical-align: middle; | ||
| } | ||
|
|
||
| li:hover { | ||
| background-color: #FFA300; | ||
|
|
||
| } | ||
|
|
||
| .scalable:hover { | ||
| transform: scale(1.05); | ||
| } | ||
|
|
||
|
|
||
| .NavItem { | ||
|
|
||
| color: #ffffff; | ||
| .link { | ||
| text-decoration: none; | ||
|
|
||
| } | ||
|
|
||
| .logoSocial{ | ||
| display: inline-block; | ||
| width: 30px; | ||
| height: auto; | ||
| padding: 0; | ||
| } |
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,93 +1,103 @@ | ||
| import React from 'react'; | ||
| import * as React from 'react'; | ||
| import AppBar from '@mui/material/AppBar'; | ||
| import Box from '@mui/material/Box'; | ||
| import Toolbar from '@mui/material/Toolbar'; | ||
| import Button from '@mui/material/Button'; | ||
| import IconButton from '@mui/material/IconButton'; | ||
| import ButtonGroup from '@mui/material/ButtonGroup'; | ||
| import MenuIcon from '@mui/icons-material/Menu'; | ||
| import InstagramIcon from '@mui/icons-material/Instagram'; | ||
| import LinkedInIcon from '@mui/icons-material/LinkedIn'; | ||
| import YouTubeIcon from '@mui/icons-material/YouTube'; | ||
| import FacebookIcon from '@mui/icons-material/Facebook'; | ||
| import TwitterIcon from '@mui/icons-material/Twitter'; | ||
| import GitHubIcon from '@mui/icons-material/GitHub'; | ||
|
|
||
| import './Navbar.css'; | ||
| import { | ||
| Link, BrowserRouter as Router, Switch, Route, | ||
| } from 'react-router-dom'; | ||
| import './Navbar.css'; | ||
| import Sidebar from '../Sidebar/Sidebar'; | ||
| import Login from '../Login/Login'; | ||
| import Projects from '../Projects/Projects'; | ||
| import AboutUs from '../AboutUs/AboutUs'; | ||
|
|
||
| import instagram from '../logos/logo-instagram.png'; | ||
| import linkedin from '../logos/logo-linkedin.png'; | ||
| import youtube from '../logos/logo-youtube.png'; | ||
| import facebook from '../logos/logo-facebook.png'; | ||
| import twitter from '../logos/logo-twitter.jpg'; | ||
| import github from '../logos/logo-github.png'; | ||
|
|
||
| export default function Navbar() { | ||
| export default function ButtonAppBar() { | ||
| return ( | ||
| <Router> | ||
| <div id="Navbar"> | ||
| <ul className="listaLink" id="Listasx"> | ||
| <li> | ||
| <Sidebar /> | ||
| </li> | ||
| <li className="scalable"> | ||
| <Link to="." className="NavItem"> | ||
| Home | ||
| </Link> | ||
| </li> | ||
| <li className="scalable"> | ||
| <Link to="/projects" className="NavItem"> | ||
| Progetti | ||
| </Link> | ||
| </li> | ||
| <li className="scalable"> | ||
| <Link to="/aboutus" className="NavItem"> | ||
| About Us | ||
| </Link> | ||
| </li> | ||
| </ul> | ||
| <ul className="listaLink" id="Listadx"> | ||
| <li className="scalable"> | ||
| <Link to="/login" className="NavItem"> | ||
| Login | ||
| </Link> | ||
| </li> | ||
| <li className="scalable"> | ||
| <a href="https://www.instagram.com/ieee_sb_brescia/"> | ||
| <img className="logoSocial" src={instagram} alt="Instagram" /> | ||
| </a> | ||
| </li> | ||
| <li className="scalable"> | ||
| <a href="https://www.linkedin.com/company/stb1019"> | ||
| <img className="logoSocial" src={linkedin} alt="LinkedIn" /> | ||
| </a> | ||
| </li> | ||
| <li className="scalable"> | ||
| <a href="https://www.youtube.com/channel/UCStUvurgwwAgs_W-k5Dci3Q"> | ||
| <img className="logoSocial" src={youtube} alt="Youtube" /> | ||
| </a> | ||
| </li> | ||
| <li className="scalable"> | ||
| <a href="https://www.facebook.com/stb01019/"> | ||
| <img className="logoSocial" src={facebook} alt="Facebook" /> | ||
| </a> | ||
| </li> | ||
| <li className="scalable"> | ||
| <a href="https://twitter.com/stb1019"> | ||
| <img className="logoSocial" src={twitter} alt="Twitter" /> | ||
| </a> | ||
| </li> | ||
| <li className="scalable"> | ||
| <a href="https://github.com/STB1019"> | ||
| <img className="logoSocial" src={github} alt="GitHub" /> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <Switch> | ||
| <Route path="/login"> | ||
| <Login /> | ||
| </Route> | ||
| <Route path="/projects"> | ||
| <Projects /> | ||
| </Route> | ||
| <Route path="/aboutus"> | ||
| <AboutUs /> | ||
| </Route> | ||
| </Switch> | ||
| </Router> | ||
| <Box sx={{ flexGrow: 1 }}> | ||
| <AppBar position="static"> | ||
| <Toolbar sx={{ justifyContent: 'space-between' }}> | ||
| <div> | ||
| <IconButton edge="start"> | ||
| <MenuIcon color="white" /> | ||
| </IconButton> | ||
|
|
||
| <ButtonGroup variant="text" aria-label="text button group"> | ||
| <Router> | ||
| <Link className="link" to="/"> | ||
| <Button className="sbutton" color="white">Home</Button> | ||
| </Link> | ||
| <Link className="link" to="/projects"> | ||
| <Button className="sbutton" color="white">Progetti</Button> | ||
| </Link> | ||
| <Link className="link" to="/aboutus"> | ||
| <Button className="sbutton" color="white">About Us</Button> | ||
| </Link> | ||
| <Switch> | ||
| <Route path="/projects"> | ||
| <Projects /> | ||
| </Route> | ||
| <Route path="/aboutus"> | ||
| <AboutUs /> | ||
| </Route> | ||
| </Switch> | ||
| </Router> | ||
| </ButtonGroup> | ||
| </div> | ||
| <ButtonGroup variant="text" aria-label="text button group"> | ||
| <IconButton | ||
| edge="start" | ||
| sx={{ mr: 1 }} | ||
| href="https://www.instagram.com/ieee_sb_brescia/" | ||
| > | ||
| <InstagramIcon color="white" /> | ||
| </IconButton> | ||
| <IconButton | ||
| edge="start" | ||
| sx={{ mr: 1 }} | ||
| href="https://www.linkedin.com/company/stb1019" | ||
| > | ||
| <LinkedInIcon color="white" /> | ||
| </IconButton> | ||
| <IconButton | ||
| edge="start" | ||
| sx={{ mr: 1 }} | ||
| href="https://www.youtube.com/channel/UCStUvurgwwAgs_W-k5Dci3Q" | ||
| > | ||
| <YouTubeIcon color="white" /> | ||
| </IconButton> | ||
| <IconButton | ||
| edge="start" | ||
| sx={{ mr: 1 }} | ||
| href="https://www.facebook.com/stb01019/" | ||
| > | ||
| <FacebookIcon color="white" /> | ||
| </IconButton> | ||
| <IconButton | ||
| edge="start" | ||
| sx={{ mr: 1 }} | ||
| href="https://twitter.com/stb1019" | ||
| > | ||
| <TwitterIcon color="white" /> | ||
| </IconButton> | ||
| <IconButton | ||
| edge="start" | ||
| sx={{ mr: 1 }} | ||
| href="https://github.com/STB1019" | ||
| > | ||
| <GitHubIcon color="white" /> | ||
| </IconButton> | ||
| </ButtonGroup> | ||
| </Toolbar> | ||
| </AppBar> | ||
| </Box> | ||
| ); | ||
| } |
Oops, something went wrong.