Sarah Kimi Rettig KimiEatsCode

## horz-scroll-timeline.markdown

      
              5 files
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                KimiEatsCode
                / horz-scroll-timeline.markdown
            
            
              Created
              June 24, 2025 21:56
            
              
                Horz scroll timeline
              
          
    Horz scroll timeline

Made use of: https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp
https://stackoverflow.com/questions/73600856/scrollable-div-with-arrows
A Pen by Sarah Rettig on CodePen.
License.

  
## horz-scroll-timeline.markdown

      
              5 files
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                KimiEatsCode
                / horz-scroll-timeline.markdown
            
            
              Created
              June 24, 2025 21:52
            
              
                Horz scroll timeline
              
          
    Horz scroll timeline

Made use of: https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp
https://stackoverflow.com/questions/73600856/scrollable-div-with-arrows
A Pen by Sarah Rettig on CodePen.
License.

  
## index.html
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://www.pampam.city/p/fIna8EHEsi62peqzZPFt"></iframe>

## app.js
var app = angular.module("MyApp", []);

app.controller("MainController", ['$scope','$http', function ($scope, $http, myservice) {

  $scope.serverResponse;

  $scope.getInfo=function() {
      myservice.sendRequest().then(function(response) {
      $scope.serverResponse = response.data; //use var to hold data object
      console.log($scope.serverResponse)

## Angular-Badge-Project.html
<!DOCTYPE html>
<html lang="en" ng-app="MyApp">

<head>
  <meta charset="UTF-8">
  <title>Name Badge Thing</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="style.css">
</head>

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

## sublime_text_2_useful_shortcuts.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                KimiEatsCode
                / sublime_text_2_useful_shortcuts.md
            
            
              Created
              July 30, 2016 14:22
                — forked from bdargan/sublime_text_2_useful_shortcuts.md
            
              
                Sublime Text 2 - Useful Shortcuts
              
          
    Sublime Text 2 - Useful Shortcuts

Tested in Mac OS X: super == command
Open/Goto


super+t: go to file
super+ctrl+p: go to project
super+r: go to methods


## index-harder.css
body {
  font-size:90%;
  background-color: #fff;
}

#wrapper {
  width:100%;
}

main {

## index-easier.html
<!DOCTYPE html>
<html>
<head>
  <meta charset='UTF-8'>
  <meta name='description' content='Javascript concepts conditionals, for loops, event handlers'>
  <title>JS Pre-course Project</title>
  <link rel='stylesheet' href='css/style-easier.css'>
</head>
<body>
  <div id='wrapper'>

## Untitled.php
 echo test
	var app = angular.module("MyApp", []);

	app.controller("MainController", ['$scope','$http', function ($scope, $http, myservice) {

	$scope.serverResponse;

	$scope.getInfo=function() {
	myservice.sendRequest().then(function(response) {
	$scope.serverResponse = response.data; //use var to hold data object
	console.log($scope.serverResponse)
	<!DOCTYPE html>
	<html lang="en" ng-app="MyApp">

	<head>
	<meta charset="UTF-8">
	<title>Name Badge Thing</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="style.css">
	</head>
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console
	body {
	font-size:90%;
	background-color: #fff;
	}

	#wrapper {
	width:100%;
	}

	main {
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='UTF-8'>
	<meta name='description' content='Javascript concepts conditionals, for loops, event handlers'>
	<title>JS Pre-course Project</title>
	<link rel='stylesheet' href='css/style-easier.css'>
	</head>
	<body>
	<div id='wrapper'>