diff --git a/Phoenix/.obsidian/app.json b/Phoenix/.obsidian/app.json index 471f1cf..059ac4a 100644 --- a/Phoenix/.obsidian/app.json +++ b/Phoenix/.obsidian/app.json @@ -5,7 +5,7 @@ "en-US", "fa" ], - "vimMode": false, + "vimMode": true, "newFileLocation": "folder", "newFileFolderPath": "Unorganized notes", "spellcheck": true, diff --git a/Phoenix/.obsidian/workspace b/Phoenix/.obsidian/workspace index 57a0eba..cbcce81 100644 --- a/Phoenix/.obsidian/workspace +++ b/Phoenix/.obsidian/workspace @@ -4,12 +4,12 @@ "type": "split", "children": [ { - "id": "a145d83ecfa70c8b", + "id": "e8bd60ed3df5367a", "type": "leaf", "state": { "type": "markdown", "state": { - "file": "Programing/Awesome wm/rc lua.md", + "file": "Programing/Html & Css/Recources/Icones.md", "mode": "source", "source": false } @@ -61,8 +61,7 @@ } ], "direction": "horizontal", - "width": 300, - "collapsed": true + "width": 300 }, "right": { "id": "2c20d1d2df18b0ba", @@ -78,7 +77,7 @@ "state": { "type": "backlink", "state": { - "file": "Programing/Awesome wm/rc lua.md", + "file": "Programing/Html & Css/Recources/Icones.md", "collapseAll": false, "extraContext": false, "sortOrder": "alphabetical", @@ -95,7 +94,7 @@ "state": { "type": "outgoing-link", "state": { - "file": "Programing/Awesome wm/rc lua.md", + "file": "Programing/Html & Css/Recources/Icones.md", "linksCollapsed": false, "unlinkedCollapsed": true } @@ -118,7 +117,7 @@ "state": { "type": "outline", "state": { - "file": "Programing/Awesome wm/rc lua.md" + "file": "Programing/Html & Css/Recources/Icones.md" } } }, @@ -138,17 +137,17 @@ "width": 300, "collapsed": true }, - "active": "a145d83ecfa70c8b", + "active": "e8bd60ed3df5367a", "lastOpenFiles": [ - "Unorganized notes/Untitled.md", - "Programing/Awesome wm/rc lua.md", - "Programing/Vim/plugins keybinding.md", - "Programing/Vim/plugin list.md", - "Programing/Server/gitea setup.md", - "Programing/Linux commands/ssh.md", + "Programing/kitty.md", + "Programing/Html & Css/Recources/learn and making sites.md", "Programing/Html & Css/Recipes/button.md", + "Programing/Html & Css/Recipes/Navbar/navbar - classic.md", "cheat sheats/Format your notes.md", - "Programing/Vim/vim keybinding.md", - "Programing/media files/button3.png" + "Programing/media files/Screenshot from 2022-08-12 16-20-20 1.png", + "Screenshot from 2022-08-12 16-04-52.png", + "Programing/media files/nc-0.png", + "Screenshot from 2022-08-12 16-02-56.png", + "cheat sheats/Spacemacs keybinding.md" ] } \ No newline at end of file diff --git a/Phoenix/Programing/Html & Css/Recipes/Navbar/navbar - classic.md b/Phoenix/Programing/Html & Css/Recipes/Navbar/navbar - classic.md new file mode 100644 index 0000000..0aaaf2c --- /dev/null +++ b/Phoenix/Programing/Html & Css/Recipes/Navbar/navbar - classic.md @@ -0,0 +1,77 @@ +# navbar - classic +for making navbar first we must add html elements to file +```html + +  Home +  News +  Contact +  About + +``` +![[nc-0.png]] +## font and margin +we can specify what font family we want and we add `margin: 0;` so that default browser margin go away +```css +body { + margin: 0; + font-family: Arial, Helvetica, sans-serif; +} +``` +![[nc-1.png]] +## background color and overflow +now we set background for our nav, also we add `overflow: hidden;` so content form next to navbar dose not come to navbar area +```css +.topnav { + background-color: #333; + overflow: hidden; +} +``` +## styling link elements +now we need to style `` elements +```css +.topnav a { + float: left; + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 17px; +} + +``` +![[nc-2.png]] +* `float: left;` make our element float to left we can also make it float to right with ` float:rigt;` +* `color` make color of our text what we want +* `text-align: center;` make text centered in their container between the padding +* `padding: 14px 16px;` make container for our text so it can sit in it +* `text-decoration: none;` remove the blue text color and under line +* `font-size:` we tell browse how big our font must be + +## styling the hover +we can specify what CSS we have when we hover with mouse on element in here a elements +here we make color white and text black +```css +.topnav a:hover { + background-color: #ddd; + color: black; +} +``` +![[nc-3.png]] +## styling one of elements +we can also change some of elements with adding a class to them and then styling +### adding class +```html +Home +``` +### styling +```css +.topnav a.active { + background-color: #04AA6D; + color: white; +} +``` +![[nc-4.png]] +## making nav responsive +[continue](https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_topnav) + + diff --git a/Phoenix/Programing/Html & Css/Recources/learn and making sites.md b/Phoenix/Programing/Html & Css/Recources/learn and making sites.md new file mode 100644 index 0000000..bda0c3e --- /dev/null +++ b/Phoenix/Programing/Html & Css/Recources/learn and making sites.md @@ -0,0 +1 @@ +## [how to from w3school](https://www.w3schools.com/howto/default.asp) diff --git a/Phoenix/Programing/kitty.md b/Phoenix/Programing/kitty.md new file mode 100644 index 0000000..4756f57 --- /dev/null +++ b/Phoenix/Programing/kitty.md @@ -0,0 +1,18 @@ +# kitty useful keybinding +## [Tabs](https://sw.kovidgoyal.net/kitty/overview/#tabs ) +New tab +[`ctrl+shift+t`](https://sw.kovidgoyal.net/kitty/conf/#shortcut-kitty.New-tab)  +Close tab +[`ctrl+shift+q`](https://sw.kovidgoyal.net/kitty/conf/#shortcut-kitty.Close-tab)  +Next tab +[`ctrl+shift+right`](https://sw.kovidgoyal.net/kitty/conf/#shortcut-kitty.Next-tab)  +Previous tab +[`ctrl+shift+left`](https://sw.kovidgoyal.net/kitty/conf/#shortcut-kitty.Previous-tab)  +Next layout +[`ctrl+shift+l`](https://sw.kovidgoyal.net/kitty/conf/#shortcut-kitty.Next-layout) +Move tab forward +[`ctrl+shift+.`](https://sw.kovidgoyal.net/kitty/conf/#shortcut-kitty.Move-tab-forward) +Move tab backward +[`ctrl+shift+,`](https://sw.kovidgoyal.net/kitty/conf/#shortcut-kitty.Move-tab-backward) +Set tab title +[`ctrl+shift+alt+t`](https://sw.kovidgoyal.net/kitty/conf/#shortcut-kitty.Set-tab-title)  diff --git a/Phoenix/Programing/media files/nc-0.png b/Phoenix/Programing/media files/nc-0.png new file mode 100644 index 0000000..0845b71 Binary files /dev/null and b/Phoenix/Programing/media files/nc-0.png differ diff --git a/Phoenix/Programing/media files/nc-1.png b/Phoenix/Programing/media files/nc-1.png new file mode 100644 index 0000000..f64db46 Binary files /dev/null and b/Phoenix/Programing/media files/nc-1.png differ diff --git a/Phoenix/Programing/media files/nc-2.png b/Phoenix/Programing/media files/nc-2.png new file mode 100644 index 0000000..28ae303 Binary files /dev/null and b/Phoenix/Programing/media files/nc-2.png differ diff --git a/Phoenix/Programing/media files/nc-3.png b/Phoenix/Programing/media files/nc-3.png new file mode 100644 index 0000000..54ea6f8 Binary files /dev/null and b/Phoenix/Programing/media files/nc-3.png differ diff --git a/Phoenix/Programing/media files/nc-4.png b/Phoenix/Programing/media files/nc-4.png new file mode 100644 index 0000000..e0297e2 Binary files /dev/null and b/Phoenix/Programing/media files/nc-4.png differ diff --git a/Phoenix/cheat sheats/Spacemacs keybinding.md b/Phoenix/cheat sheats/Spacemacs keybinding.md new file mode 100644 index 0000000..2d1826c --- /dev/null +++ b/Phoenix/cheat sheats/Spacemacs keybinding.md @@ -0,0 +1 @@ +# Spacemacs keybinding