User:VeronicaJeanAnderson/localhost:8080/

https://en.wikiversity.org/wiki/User:VeronicaJeanAnderson/localhost:8080/ @@@http://localhost:8080/

☀ workspace_premium ☀ :: 🏠☂⌂ Home ⌂☂🏠 :: workspaces ☁,..☁ :: :8080/

https://material.io/design/iconography/system-icons.html#design-principles

https://www.youtube.com/watch?v=YtROlyWWhV0 Sandi Metz - Talk Session: Polly Want a Message https://fonts.google.com/icons https://fonts.google.com/icons?selected=Material+Icons+Two+Tone:work:&icon.query=work https://fonts.google.com/icons?selected=Material+Icons&icon.query=work https://www.nerdfonts.com/cheat-sheet myWorkspaces = ["0:🏠", "1:☀", "2:☁", "3:☂", "4:🐇", "5:🐰", "6: ", "7:7", "8:", "9:"] https://www.nerdfonts.com/  I really  

https://developers.google.com/fonts/docs/material_icons https://developer.android.com/reference/kotlin/androidx/compose/material/icons/Icons https://developer.android.com/studio/write/vector-asset-studio

app.vue table tr   td      span(style="font-size: 33.3px;") 🐰 td     span(style="font-family: Homemade Apple; color: rgb(188, 110, 240); font-size: 24px;") if you keep doing what you've always done you'll keep getting what you always got td     clock td     span(style="font-size: 46px;")        🐇 my-heart-header navigation table(style="width: 100%;") tr   td      router-link(to="/home") i.material-icons(style='background-color: #333333ff; color: #a020f0; font-size: 333px;') workspace_premium ☀ p(style='background-color: #333333ff; color: #a020f0; font-size: 46px;') workspace_premium ☀ td     router-link(to="/home") i.material-icons(style='background-color: #333333ff; color: pink; font-size: 333px;') home 🏠 ⌂ ☂ p(style='background-color: #333333ff; color: #a020f0; font-size: 46px;') home 🏠 ⌂ ☂ td     router-link(to="/workspaces") i.material-icons(style='background-color: #333333ff; color: #bdf500; font-size: 333px;') workspaces ☁ p(style='background-color: #333333ff; color: #a020f0; font-size: 46px;') workspaces ☁ .supergrid div issamaru div boss-left div router-view import Boss from '@/components/Boss.vue' import BossLeft from '@/components/BossLeft.vue' import BossRight from '@/components/BossRight.vue' import Clock from '@/components/Clock.vue' import GottaHabit from '@/components/GottaHabit.vue' import Index from '@/components/Index.vue' import Issamaru from '@/issamaru/Issamaru.vue' import MyFooter from '@/components/MyFooter.vue' import MyHeartHeader from '@/components/MyHeartHeader.vue' import Navigation from '@/components/Navigation.vue' import Textiles from '@/components/Textiles.vue' import TopShelf from '@/components/TopShelf.vue' export default name: 'Application' components: "boss-left": BossLeft "boss-right": BossRight "boss": Boss "clock": Clock "gotta-habit": GottaHabit "index": Index "issamaru": Issamaru "my-footer": MyFooter "my-heart-header": MyHeartHeader "navigation": Navigation "textiles": Textiles "topshelf": TopShelf @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Cute+Font&family=Dancing+Script&family=Dokdo&family=Glass+Antiqua&family=Gloria+Hallelujah&family=Homemade+Apple&family=Indie+Flower&family=Permanent+Marker&family=Poiret+One&family=Poor+Story&family=Quantico&family=Roboto&family=Noto+Sans+JP:wght@300&family=Noto+Sans+JP:wght@300&family=Pacifico&family=Caveat&family=Grechen+Fuemen&family=Grey+Qo&family=Rubik+Beastly&family=Are+You+Serious&family=Birthstone+Bounce&family=Fleur+De+Leah&family=Abril+Fatface&family=Chango&family=Modak&family=Monofett&display=swap'); .supergrid { display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr .5fr 1.5fr 1fr; grid-template-rows: 1fr; gap: 0px 0px; grid-template-areas: ". . . ."; } a:link { text-decoration: none; }

font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #9da49e; } body { background-color: #907c9a; } padding: 30px; } .h1 { font-family: Permanent Marker; color: #6b645c; } .h2 { font-family: Poiret One; color: #968375; } .h3 { font-family: Dancing Script; color: #a38881; } .h4 { font-family: Comfortaa; color: #aea094; } .h5 { font-family: Dokdo; color: #ddd5c9; } .h6 { font-family: Gloria Hallelujah; color: #c8e6c9; } .h7 { font-family: Cute Font; color: #f5f5f5; } .h8 { font-family: Quantico; color: #000; } .h9 { font-family: Poor Story; color: #bdbdbd; } .h10 { font-family: Homemade Apple; color: #f8bbd0; } .h11 { font-family: Indie Flower; color: #b2ebf2; } .h12 { font-family: Glass Antiqua; color: #bcaaa4; } .h13 { font-family: 'Grechen Fuemen', cursive; color: hotpink; } .h14 { font-family: 'Grey Qo', cursive; color: lime; } .h15 { font-family: 'Rubik Beastly', cursive; color: cyan; } .h16 { font-family: 'Are You Serious', cursive; color: #a020f0; } .h17 { font-family: 'Birthstone Bounce', cursive; color: #fdb813; } .h18 { font-family: 'Fleur De Leah', cursive; color: #008080; } .h19 { font-family: 'Abril Fatface', cursive; color: #33691e; }
 * 1) app {
 * 1) nav {

p { font-family: 'Caveat', cursive; color: #f0a30a; }

//https://www.w3schools.com/colors/colors_groups.asp //

//https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css