chore: updated html 4e460e8b
Steve · 2026-02-19 19:59 3 file(s) · +41 −32
static/styles.css +20 −16
29 29 

            

            
            

                30
                30
                 
                
.header {

            

            
            

                31
                31
                 
                
	display: flex;

            

            
            

                32
                
                -
                
	flex-direction: column;

            

            
            

                33
                
                -
                
	gap: 0.5rem;

            

            
            

                34
                32
                 
                
	text-decoration: none;

            

            
            

                
                33
                +
                
}

            

            
            

                
                34
                +
                

            

            
            

                
                35
                +
                
.nav {

            

            
            

                
                36
                +
                
	display: flex;

            

            
            

                
                37
                +
                
	align-items: center;

            

            
            

                
                38
                +
                
	justify-content: space-between;

            

            
            

                
                39
                +
                
	width: 100%;

            

            
            

                35
                40
                 
                
	margin-top: 2rem;

            

            
            

                36
                41
                 
                
}

            

            
            

                37
                42
                 
                

            

            
            

                
                43
                +
                
.icon {

            

            
            

                
                44
                +
                
	display: flex;

            

            
            

                
                45
                +
                
	align-items: center;

            

            
            

                
                46
                +
                
	justify-content: center;

            

            
            

                
                47
                +
                
	color: #878787;

            

            
            

                
                48
                +
                
	width: 24px;

            

            
            

                
                49
                +
                
	height: 24px;

            

            
            

                
                50
                +
                
}

            

            
            

                
                51
                +
                

            

            
            

                
                52
                +
                
.icon:hover {

            

            
            

                
                53
                +
                
	color: white;

            

            
            

                
                54
                +
                
}

            

            
            

                
                55
                +
                

            

            
            

                38
                56
                 
                
#snippetForm {

            

            
            

                39
                57
                 
                
	display: flex;

            

            
            

                40
                58
                 
                
	flex-direction: column;

            

            
        
            

            
            

                47
                65
                 
                
	color: #ffffff;

            

            
            

                48
                66
                 
                
	border: 1px solid white;

            

            
            

                49
                67
                 
                
	padding: 4px;

            

            
            

                50
                
                -
                
}

            

            
            

                51
                
                -
                

            

            
            

                52
                
                -
                
.links {

            

            
            

                53
                
                -
                
	display: flex;

            

            
            

                54
                
                -
                
	align-items: center;

            

            
            

                55
                
                -
                
	gap: 1.5rem;

            

            
            

                56
                
                -
                
	font-size: 12px;

            

            
            

                57
                
                -
                
}

            

            
            

                58
                
                -
                

            

            
            

                59
                
                -
                
.about {

            

            
            

                60
                
                -
                
	display: flex;

            

            
            

                61
                
                -
                
	flex-direction: column;

            

            
            

                62
                
                -
                
	gap: 0.5rem;

            

            
            

                63
                
                -
                
	font-size: 14px;

            

            
            

                64
                68
                 
                
}

            

            
            

                65
                69
                 
                

            

            
            

                66
                70
                 
                
textarea {

            

            
        
        
    

    





    

        templates/index.html
        +11 −8
    

    
    

        
        
            
            
            

                27
                27
                 
                
    <meta name="twitter:image" content="https://sipp.so/assets/og.png">

            

            
            

                28
                28
                 
                
  </head>

            

            
            

                29
                29
                 
                
  <body>

            

            
            

                30
                
                -
                
    <a href="/" class="header">

            

            
            

                31
                
                -
                
      <h1>SIPP</h1>

            

            
            

                32
                
                -
                
    </a>

            

            
            

                33
                30
                 
                

            

            
            

                34
                
                -
                
    <div class="links">

            

            
            

                35
                
                -
                
      <a target="_blank" href="https://github.com/stevedylandev/sipp">

            

            
            

                36
                
                -
                
        GitHub

            

            
            

                
                31
                +
                
    <div class="nav">

            

            
            

                
                32
                +
                
      <a href="/" class="header">

            

            
            

                
                33
                +
                
        <h1>SIPP</h1>

            

            
            

                
                34
                +
                
      </a>

            

            
            

                
                35
                +
                

            

            
            

                
                36
                +
                
      <a class="icon" target="_blank" href="https://github.com/stevedylandev/sipp">

            

            
            

                
                37
                +
                
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">

            

            
            

                
                38
                +
                
          <title>GitHub</title>

            

            
            

                
                39
                +
                
          <path fill="currentColor" d="m21.838 11.677l-9.549-9.58c-.129-.13-.451-.13-.645 0L9 4.742l2.452 2.452c.193-.097.419-.13.645-.13c.903 0 1.58.742 1.58 1.581c0 .226-.032.452-.129.645l1.968 1.968c.194-.097.42-.129.645-.129c.904 0 1.58.742 1.58 1.58c0 .904-.741 1.581-1.58 1.581c-.903 0-1.58-.742-1.58-1.58c0-.226.032-.452.129-.646l-1.968-1.967h-.032v3.71c.58.258 1 .806 1 1.483c0 .904-.742 1.581-1.581 1.581c-.903 0-1.58-.742-1.58-1.58c0-.678.419-1.259 1-1.485v-3.612c-.581-.259-1-.807-1-1.484c0-.226.032-.452.128-.645L8.225 5.613l-6.097 6.064c-.129.13-.129.452 0 .646l9.58 9.58c.13.13.452.13.646 0l9.548-9.58a.59.59 0 0 0-.064-.646"/>

            

            
            

                
                40
                +
                
        </svg>

            

            
            

                37
                41
                 
                
      </a>

            

            
            

                38
                
                -
                
      <a href="/about">About</a>

            

            
            

                39
                
                -
                
      <p>by <a target="_blank" href="https://stevedylan.dev">Steve</a></p>

            

            
            

                40
                42
                 
                
    </div>

            

            
            

                
                43
                +
                

            

            
            

                41
                44
                 
                

            

            
            

                42
                45
                 
                
    <form id="snippetForm" method="POST" action="/snippets">

            

            
            

                43
                46
                 
                
      <div>

            

            
        
        
    

    





    

        templates/snippet.html
        +10 −8
    

    
    

        
        
            
            
            

                28
                28
                 
                

            

            
            

                29
                29
                 
                
  </head>

            

            
            

                30
                30
                 
                
  <body>

            

            
            

                31
                
                -
                
    <a href="/" class="header">

            

            
            

                32
                
                -
                
      <h1>SIPP</h1>

            

            
            

                33
                
                -
                
    </a>

            

            
            

                34
                
                -
                
    <div class="links">

            

            
            

                35
                
                -
                
      <a target="_blank" href="https://github.com/stevedylandev/sipp">

            

            
            

                36
                
                -
                
        GitHub

            

            
            

                
                31
                +
                
    <div class="nav">

            

            
            

                
                32
                +
                
      <a href="/" class="header">

            

            
            

                
                33
                +
                
        <h1>SIPP</h1>

            

            
            

                37
                34
                 
                
      </a>

            

            
            

                38
                
                -
                
      <a href="/about">About</a>

            

            
            

                39
                
                -
                
      <p>by <a target="_blank" href="https://stevedylan.dev">Steve</a></p>

            

            
            

                
                35
                +
                

            

            
            

                
                36
                +
                
      <a class="icon" target="_blank" href="https://github.com/stevedylandev/sipp">

            

            
            

                
                37
                +
                
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">

            

            
            

                
                38
                +
                
          <title>GitHub</title>

            

            
            

                
                39
                +
                
          <path fill="currentColor" d="m21.838 11.677l-9.549-9.58c-.129-.13-.451-.13-.645 0L9 4.742l2.452 2.452c.193-.097.419-.13.645-.13c.903 0 1.58.742 1.58 1.581c0 .226-.032.452-.129.645l1.968 1.968c.194-.097.42-.129.645-.129c.904 0 1.58.742 1.58 1.58c0 .904-.741 1.581-1.58 1.581c-.903 0-1.58-.742-1.58-1.58c0-.226.032-.452.129-.646l-1.968-1.967h-.032v3.71c.58.258 1 .806 1 1.483c0 .904-.742 1.581-1.581 1.581c-.903 0-1.58-.742-1.58-1.58c0-.678.419-1.259 1-1.485v-3.612c-.581-.259-1-.807-1-1.484c0-.226.032-.452.128-.645L8.225 5.613l-6.097 6.064c-.129.13-.129.452 0 .646l9.58 9.58c.13.13.452.13.646 0l9.548-9.58a.59.59 0 0 0-.064-.646"/>

            

            
            

                
                40
                +
                
        </svg>

            

            
            

                
                41
                +
                
      </a>

            

            
            

                40
                42
                 
                
    </div>

            

            
            

                41
                43
                 
                

            

            
            

                42
                44
                 
                
    <div id="snippetForm">