Files
WEBSITE_hugulumu/notes.md
2026-03-17 14:09:41 +01:00

483 lines
20 KiB
Markdown

# projects
- [/] ljdp
- [ ] tchat transcendance
- setup docker without sudo on server
- remove authentification from project
- [ ] cube3d
- [ ] minishell
---
# dots
·•◦●∘⬤
- 183 : ·
- 8226 : •
- 8729 : ∙
- 9679 : ●
- 9899 : ⚫
- 11044 : ⬤
- 57352
- 57894
- 58140
- 58189
- 58423
- 58470
- 58471
- 58472
- 58736 "Private Use Area"
- 58737 "Private Use Area"
- 61434 "Private Use Area"
- 61713 "Private Use Area"
- 57442 (0xe062) U+E062 "uniE062" - 
- 57443 (0xe063) U+E063 "uniE063" - 
- 57444 (0xe064) U+E064 "uniE064" - 
- 57445 (0xe065) U+E065 "uniE065" - 
- 57446 (0xe066) U+E066 "uniE066" - 
- 57447 (0xe067) U+E067 "uniE067" - 
1229 \* (1638 + 410)
---
# dots texts
```
•••• •••• ••••• ••••• •••• ••• • • • • ••••• • • ••••
• • • • • • • • • • • •• •• •• •• • • • • •
•••• •••• • • • •• •••• ••••• • • • • • • •••• • • ••••
• • • • • • • • • • • • • • • • • • • •
• • • ••••• ••••• • • • • • • • • ••••• ••••• • •
••••• • • ••••• ••••• •••• • • ••• ••••• ••••• ••• • • •••••
• •• • • • • • • •• •• • • • • • • • • •
• • • • •••• • • •••• • • • ••••• • • • • • • ••••
• • •• • • • • • • • • • • • • • • • • •
••••• • • • ••••• • • • • • • • ••••• ••• ••••• •••••
             
                   
                 
                   
                
              
                  
                  
                   
               
```
```
•••• •••• ••••• ••••• •••• ••• • • • • ••••• • • •••• ••••• • • ••••• ••••• •••• • • ••• ••••• ••••• ••• • • •••••
• • • • • • • • • • • •• •• •• •• • • • • • • •• • • • • • • •• •• • • • • • • • • •
•••• •••• • • • •• •••• ••••• • • • • • • •••• • • •••• • • • • •••• • • •••• • • • ••••• • • • • • • ••••
• • • • • • • • • • • • • • • • • • • • • • •• • • • • • • • • • • • • • • • • •
• • • ••••• ••••• • • • • • • • • ••••• ••••• • • ••••• • • • ••••• • • • • • • • ••••• ••• ••••• •••••
                            
                                      
                                    
                                       
                                
```
```
•• ••••• •••••
••• • • • • ••
•••• • •••• • • • •
•• •• • • • • • • • •
•• •• • • • ••• •••••
•• •• • •• •
•• •• • •• •
•• ••••••••• • • •
•• •• • •••• ••••• •
•• •• • • • • • • •
•• •• • • • • •• • •
•••• • •• •• •• •
••• • ••••••• • • •••
•• • • •••••
•••••••• • • •
  
     
      
         
      
    
    
    
     
        
        
     
     
   
   
```
```
•• •
• • •••••••
• •• • •
••••• • • • •
• • • • • •
• • • •• •
• • • •
• • ••
••• • •
• ••••• •
• •
•• •
 
  
   
    
     
    
   
  
  
  
 
 
```
```
•••• •
• • •
• • •
• •••
•••••
• •
• •
• •
••• •••
• • • •
• • • •
•••• ••••
• • • • •
••• • • •
••••••••
 
  
  
 

 
 
 
 
   
   
 
    
   

```
```
•• •
• • •
•••••••••
• • ••
• • •
••••• • • •
• • •• •
• •
• • ••
• • • •
• •• •
••• ••••
 
  

  
  
   
   
 
  
   
  
 
```
```
• • • • ••••• ••••• • ••• • • • •
• • • • • • • • • • •• •• • •
••••• • • • •• • • • ••••• • • • •
• • • • • • • • • • • • • •
• • ••••• ••••• ••••• ••••• • • • • •
           
             
            
             
          
```
```
•••• •••• ••••• ••••• ••••• ••••• ••••• •••••
• • • • • • • • • • •
•••• •••• • • • •••• • • •••••
• • • • • • • • • •
• • • ••••• •• ••••• ••••• • •••••
       
          
        
         
        
```
```
••• •••• ••••• •••• ••••• ••••• ••••• • • ••••• ••••• • • • • •
• • • • • • • • • • • • • • • • • •• ••
••••• •••• • • • •••• •••• • •• ••••• • • ••• • • • •
• • • • • • • • • • • • • • • • • • • •
• • •••• ••••• •••• ••••• • ••••• • • ••••• •• • • ••••• • •
• • ••••• •••• ••• •••• ••••• ••••• • • • • • • • • • • •••••
•• • • • • • • • • • • • • • • • • • • • • • •
• • • • • •••• • • •••• ••••• • • • • • • • • • •
• •• • • • • • • • • • • • • • • • • • • • •
• • ••••• • •• • • • ••••• • ••••• • • • • • • •••••
               
                  
                
                   
                
                  
                      
                   
                     
                 
```
---
# CSS framework
direction | width | child | child | child
| | position | main axis | second axis
................................................................
horizontal | content | left |-pack |-fit
vertical |-parent | right | grow | stretch
| | top | space |
| | bottom | spread |
| |-center | |
.<direction>-<width>-<position-[position]>-<main-axis>-<second-axis>
position :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left-top . . top . . right-top . .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left . .-center . . right . .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left-bottom . . bottom . . right-bottom. .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
width :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . .
. . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . parent . .
. . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . .
. . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . . content .
. . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
main axis :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. . space . . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. . spread. . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. .-pack . . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . grow . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
second axis :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . . . . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . . . . . . . .
. . . . . . . . . . . .
. .-fit . . . . . .stretch. . . .
. . . . . . . . . . . .
. . . . . . . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
---
**v2 :**
direction | width | child | child | child
| | position | main axis | second axis
................................................................
horizontal | fit | left |-pack | begin
vertical | large | right | grow | end
| | top | space |-middle
| | bottom | spread | equal
| |-center | | stretch
.<direction>-<width>-<position-[position]>-<main-axis>-<second-axis>
position :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left-top . . top . . right-top . .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left . .-center . . right . .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left-bottom . . bottom . . right-bottom. .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
main axis :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. . space . . . . . . justify-content
. . . . . . . . . . . . . . . . . : space-around
. .
. . . . . . . . . . . . . . . . .
. . spread. . . . . . justify-content
. . . . . . . . . . . . . . . . . : space-between
. .
. . . . . . . . . . . . . . . . .
. .-pack . . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . grow . . . . . . child :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . grow: 1;
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
second axis :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . begin . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. .-middle. . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . . . . . . .
. . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . equal . . . . . .
. . . . . . . . . . . . . . . . . . .
. . end . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. . . . . . . .
. . . . . . . .
. . . . . . . .
. .stretch. . . . . .
. . . . . . . .
. . . . . . . .
. . . . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . .