feat: Ajout des assets
This commit is contained in:
		
							
								
								
									
										1
									
								
								.gitignore
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										1
									
								
								.gitignore
									
									
									
									
										vendored
									
									
								
							@@ -1,3 +1,4 @@
 | 
			
		||||
public
 | 
			
		||||
resources
 | 
			
		||||
backups
 | 
			
		||||
assets/jsconfig.json
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										7
									
								
								assets/js/main.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								assets/js/main.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,7 @@
 | 
			
		||||
import obfuscates from 'js/obfuscates';
 | 
			
		||||
 | 
			
		||||
function main() {
 | 
			
		||||
    obfuscates();
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
main();
 | 
			
		||||
							
								
								
									
										69
									
								
								assets/styles/main.sass
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										69
									
								
								assets/styles/main.sass
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,69 @@
 | 
			
		||||
$size-small: 400px
 | 
			
		||||
 | 
			
		||||
body
 | 
			
		||||
  color: #2d3824
 | 
			
		||||
  background: #fff8eb
 | 
			
		||||
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
 | 
			
		||||
  margin: 0 auto
 | 
			
		||||
  padding: 0 1rem
 | 
			
		||||
  max-width: 800px
 | 
			
		||||
  font-size: 1.125rem
 | 
			
		||||
  // background-image: repeating-conic-gradient(#fff 0 9deg, rgba(0, 0, 0, .1) 9deg 18deg)
 | 
			
		||||
  // background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPHJlY3QgeD0iNSIgeT0iNSIgd2lkdGg9IjIiIGhlaWdodD0iMSIgZmlsbD0iI2NjYyI+PC9yZWN0Pgo8L3N2Zz4=")
 | 
			
		||||
  @media screen and (max-width: $size-small)
 | 
			
		||||
    font-size: 1rem
 | 
			
		||||
hr
 | 
			
		||||
  background: repeating-linear-gradient(90deg, transparent, transparent 9px, black 10px)
 | 
			
		||||
  height: 12px
 | 
			
		||||
  margin: 2em auto
 | 
			
		||||
  position: relative
 | 
			
		||||
  border: 0
 | 
			
		||||
 | 
			
		||||
ul.no-style
 | 
			
		||||
  margin: 0
 | 
			
		||||
  padding: 0
 | 
			
		||||
  list-style-type: none
 | 
			
		||||
 | 
			
		||||
a, h1, h2, h3
 | 
			
		||||
  color: #c14508
 | 
			
		||||
 | 
			
		||||
h1
 | 
			
		||||
  text-align: center
 | 
			
		||||
 | 
			
		||||
.footer
 | 
			
		||||
  font-size: 0.8rem
 | 
			
		||||
 | 
			
		||||
.services
 | 
			
		||||
  margin: 0
 | 
			
		||||
  padding: 0
 | 
			
		||||
  list-style-type: none
 | 
			
		||||
  $tile: 1rem
 | 
			
		||||
  width: calc(100% + 2*$tile)
 | 
			
		||||
  margin-left: -$tile
 | 
			
		||||
  display: flex
 | 
			
		||||
  flex-wrap: wrap
 | 
			
		||||
  li
 | 
			
		||||
    text-align: center
 | 
			
		||||
    padding: $tile
 | 
			
		||||
    flex: 0 0 calc(100% * 6 / 12)
 | 
			
		||||
    box-sizing: border-box
 | 
			
		||||
 | 
			
		||||
  img
 | 
			
		||||
    max-width: 100%
 | 
			
		||||
    width: 40%
 | 
			
		||||
 | 
			
		||||
.contacts
 | 
			
		||||
  width: 100%
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
// Grid
 | 
			
		||||
 | 
			
		||||
.grid            { display: flex; flex-wrap: wrap; }
 | 
			
		||||
.grid.\-middle   { align-items: center; }
 | 
			
		||||
.cell            { flex: 1; box-sizing: border-box; }
 | 
			
		||||
.cell.\-left   { text-align: left ;}
 | 
			
		||||
.cell.\-right   { text-align: right; }
 | 
			
		||||
.cell.\-center   { text-align: center ;}
 | 
			
		||||
.cell.\-6of12    { flex: 0 0 calc(100% * 6 / 12); }
 | 
			
		||||
 | 
			
		||||
@import "../../themes/hugo-theme-lowtech/assets/styles/obfuscates"
 | 
			
		||||
		Reference in New Issue
	
	Block a user